← Back to Editor

#EDA62B · #CE1B19 · #8E000C · #3B1211 · #150202

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

#EDA62B

Ginger · GoldenRod · Warm Sun

HEX
#EDA62B
RGB
rgb(237, 166, 43)
HSL
hsl(38, 84%, 55%)
HSB
hsb(38, 82%, 93%)
CMYK
cmyk(0%, 30%, 82%, 7%)
Oklch
oklch(77.5% 0.151 75.3)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#CE1B19

Vermilion · FireBrick · Passion Red

HEX
#CE1B19
RGB
rgb(206, 27, 25)
HSL
hsl(1, 78%, 45%)
HSB
hsb(1, 88%, 81%)
CMYK
cmyk(0%, 87%, 88%, 19%)
Oklch
oklch(54.4% 0.210 28.3)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#8E000C

Vermilion · DarkRed · Wine Red

HEX
#8E000C
RGB
rgb(142, 0, 12)
HSL
hsl(355, 100%, 28%)
HSB
hsb(355, 100%, 56%)
CMYK
cmyk(0%, 100%, 92%, 44%)
Oklch
oklch(40.7% 0.166 26.8)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

#3B1211

Crimson · Black · Deep Berry

HEX
#3B1211
RGB
rgb(59, 18, 17)
HSL
hsl(1, 55%, 15%)
HSB
hsb(1, 71%, 23%)
CMYK
cmyk(0%, 69%, 71%, 77%)
Oklch
oklch(24.9% 0.065 24.4)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#150202

Vermilion · Black · Deep Berry

HEX
#150202
RGB
rgb(21, 2, 2)
HSL
hsl(0, 83%, 5%)
HSB
hsb(0, 90%, 8%)
CMYK
cmyk(0%, 90%, 90%, 92%)
Oklch
oklch(13.2% 0.041 24.8)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDA62B
2C73ED

Analogous

ED462C
EDA62B
D3ED2C

Triadic

EDA62B
2CEDA6
A62CED

Split-Comp.

EDA62B
2CD3ED
462CED

Tetradic

EDA62B
2CED46
2C73ED
ED2CD3

Contrast Matrix WCAG 2.1 Contrast

EDA62B
CE1B19
8E000C
3B1211
150202
—
2.7
Fail
4.7
AA
7.9
AAA
9.7
AAA
2.7
Fail
—
1.8
Fail
3.0
Fail
3.6
AA Large
4.7
AA
1.8
Fail
—
1.7
Fail
2.1
Fail
7.9
AAA
3.0
Fail
1.7
Fail
—
1.2
Fail
9.7
AAA
3.6
AA Large
2.1
Fail
1.2
Fail
—
White BG
2.1Fail
5.5AA
9.7AAA
16.4AAA
20.2AAA
Black BG
10.1AAA
3.8AA Large
2.2Fail
1.3Fail
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CECE49
807F19
514F09
292911
0D0D02

Deuteranopia

D2D850
8B981A
596308
2C2F11
0E0F02

Tritanopia

E96065
C51A1A
870706
391111
140202

Achromatopsia

ADADAD
505050
2C2C2C
1E1E1E
080808

Shades & Tints Shades & Tints

#EDA62B

Dark
Light

#CE1B19

Dark
Light

#8E000C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eda62b;
  --color-2: #ce1b19;
  --color-3: #8e000c;
  --color-4: #3b1211;
  --color-5: #150202;
}

SCSS

$color-1: #eda62b;
$color-2: #ce1b19;
$color-3: #8e000c;
$color-4: #3b1211;
$color-5: #150202;

TAILWIND

colors: {
  'brand-1': '#eda62b',
  'brand-2': '#ce1b19',
  'brand-3': '#8e000c',
  'brand-4': '#3b1211',
  'brand-5': '#150202',
}

RGB Array

[237, 166, 43], [206, 27, 25], [142, 0, 12], [59, 18, 17], [21, 2, 2]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EDA62B, #CE1B19, #8E000C, #3B1211, #150202 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, 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: #eda62b; --color-2: #ce1b19; --color-3: #8e000c; --color-4: #3b1211; --color-5: #150202. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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