← Back to Editor

#FF4E3E · #FFDC91 · #9CC464 · #48A14A · #082511

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#FF4E3E

Peach Pink · Tomato · Coral Red

HEX
#FF4E3E
RGB
rgb(255, 78, 62)
HSL
hsl(5, 100%, 62%)
HSB
hsb(5, 76%, 100%)
CMYK
cmyk(0%, 69%, 76%, 0%)
Oklch
oklch(67.2% 0.216 29.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#FFDC91

Goose Yellow · Khaki · Lemon Cream

HEX
#FFDC91
RGB
rgb(255, 220, 145)
HSL
hsl(41, 100%, 78%)
HSB
hsb(41, 43%, 100%)
CMYK
cmyk(0%, 14%, 43%, 0%)
Oklch
oklch(90.7% 0.101 85.5)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#9CC464

Grass Green · DarkSeaGreen · Olive Green

HEX
#9CC464
RGB
rgb(156, 196, 100)
HSL
hsl(85, 45%, 58%)
HSB
hsb(85, 49%, 77%)
CMYK
cmyk(20%, 0%, 49%, 23%)
Oklch
oklch(77.0% 0.132 127.8)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#48A14A

Celadon · SeaGreen · Olive Green

HEX
#48A14A
RGB
rgb(72, 161, 74)
HSL
hsl(121, 38%, 46%)
HSB
hsb(121, 55%, 63%)
CMYK
cmyk(55%, 0%, 54%, 37%)
Oklch
oklch(63.4% 0.151 143.9)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#082511

Pine Green · Black · Dark Green

HEX
#082511
RGB
rgb(8, 37, 17)
HSL
hsl(139, 64%, 9%)
HSB
hsb(139, 78%, 15%)
CMYK
cmyk(78%, 0%, 54%, 85%)
Oklch
oklch(23.6% 0.052 150.7)

Traditional「Pine Green」· Paint「Dark Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF4E3E
3DEFFF

Analogous

FF3D8E
FF4E3E
FFAE3D

Triadic

FF4E3E
3DFF4D
4D3DFF

Split-Comp.

FF4E3E
3DFFAE
3D8EFF

Tetradic

FF4E3E
8EFF3D
3DEFFF
AE3DFF

Contrast Matrix WCAG 2.1 Contrast

FF4E3E
FFDC91
9CC464
48A14A
082511
—
2.5
Fail
1.6
Fail
1.0
Fail
5.0
AA
2.5
Fail
—
1.5
Fail
2.5
Fail
12.4
AAA
1.6
Fail
1.5
Fail
—
1.6
Fail
8.2
AAA
1.0
Fail
2.5
Fail
1.6
Fail
—
5.0
AA
5.0
AA
12.4
AAA
8.2
AAA
5.0
AA
—
White BG
3.3AA Large
1.3Fail
2.0Fail
3.2AA Large
16.4AAA
Black BG
6.4AA
15.9AAA
10.5AAA
6.5AA
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B2B142
F0F0A3
ADAE7B
6F6F5F
151516

Deuteranopia

BDCA43
F2F5A8
ABA881
696364
131117

Tritanopia

F64546
FDB1B5
9E8E92
4C7073
091A1B

Achromatopsia

818181
DEDEDE
ADADAD
7C7C7C
1A1A1A

Shades & Tints Shades & Tints

#FF4E3E

Dark
Light

#FFDC91

Dark
Light

#9CC464

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff4e3e;
  --color-2: #ffdc91;
  --color-3: #9cc464;
  --color-4: #48a14a;
  --color-5: #082511;
}

SCSS

$color-1: #ff4e3e;
$color-2: #ffdc91;
$color-3: #9cc464;
$color-4: #48a14a;
$color-5: #082511;

TAILWIND

colors: {
  'brand-1': '#ff4e3e',
  'brand-2': '#ffdc91',
  'brand-3': '#9cc464',
  'brand-4': '#48a14a',
  'brand-5': '#082511',
}

RGB Array

[255, 78, 62], [255, 220, 145], [156, 196, 100], [72, 161, 74], [8, 37, 17]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FF4E3E, #FFDC91, #9CC464, #48A14A, #082511 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #ff4e3e; --color-2: #ffdc91; --color-3: #9cc464; --color-4: #48a14a; --color-5: #082511. LangColor editor supports one-click export to CSS, SCSS, Tailwind, JSON and more. Click the "Export" button to choose your format.

What UI/UX design tips apply to this palette?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. High-contrast palettes naturally meet WCAG accessibility standards. Use the "Contrast Matrix" tool in LangColor editor to check WCAG accessibility levels for every color pair.

Which industries or brands suit this palette?

This general-style 5-color scheme is especially suited for food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. Click "AI Analysis" in the editor for more detailed brand color suggestions.

🎨 Open this palette in Editor →

Generated by LangColor online color tool · Breaking the barrier between language and color