← Back to Editor

#EE0D0B · #870005 · #261302 · #BB8E33 · #F0CB84

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

#EE0D0B

Vermilion · Red · Passion Red

HEX
#EE0D0B
RGB
rgb(238, 13, 11)
HSL
hsl(1, 91%, 49%)
HSB
hsb(1, 95%, 93%)
CMYK
cmyk(0%, 95%, 95%, 7%)
Oklch
oklch(59.9% 0.242 29.0)

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

#870005

Vermilion · DarkRed · Wine Red

HEX
#870005
RGB
rgb(135, 0, 5)
HSL
hsl(358, 100%, 26%)
HSB
hsb(358, 100%, 53%)
CMYK
cmyk(0%, 100%, 96%, 47%)
Oklch
oklch(39.2% 0.160 28.1)

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

#261302

Tangerine · Black · Cinnamon

HEX
#261302
RGB
rgb(38, 19, 2)
HSL
hsl(28, 90%, 8%)
HSB
hsb(28, 95%, 15%)
CMYK
cmyk(0%, 50%, 95%, 85%)
Oklch
oklch(21.0% 0.044 62.6)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#BB8E33

Ochre · DarkGoldenRod · Honey Gold

HEX
#BB8E33
RGB
rgb(187, 142, 51)
HSL
hsl(40, 57%, 47%)
HSB
hsb(40, 73%, 73%)
CMYK
cmyk(0%, 24%, 73%, 27%)
Oklch
oklch(67.4% 0.119 81.5)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#F0CB84

Goose Yellow · BurlyWood · Warm Sun

HEX
#F0CB84
RGB
rgb(240, 203, 132)
HSL
hsl(39, 78%, 73%)
HSB
hsb(39, 45%, 94%)
CMYK
cmyk(0%, 15%, 45%, 6%)
Oklch
oklch(85.8% 0.099 83.0)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EE0D0B
0BEBEF

Analogous

EF0B79
EE0D0B
EF810B

Triadic

EE0D0B
0BEF0F
0F0BEF

Split-Comp.

EE0D0B
0BEF81
0B79EF

Tetradic

EE0D0B
79EF0B
0BEBEF
810BEF

Contrast Matrix WCAG 2.1 Contrast

EE0D0B
870005
261302
BB8E33
F0CB84
—
2.3
Fail
4.0
AA Large
1.5
Fail
2.9
Fail
2.3
Fail
—
1.7
Fail
3.5
AA Large
6.7
AA
4.0
AA Large
1.7
Fail
—
6.0
AA
11.5
AAA
1.5
Fail
3.5
AA Large
6.0
AA
—
1.9
Fail
2.9
Fail
6.7
AA
11.5
AAA
1.9
Fail
—
White BG
4.5AA Large
10.3AAA
17.9AAA
3.0Fail
1.5Fail
Black BG
4.7AA
2.0Fail
1.2Fail
7.0AAA
13.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8D8B0B
4D4B04
1E1E06
A8A749
E0E095

Deuteranopia

9AAB0C
545F04
1F2007
AAAE4E
E2E599

Tritanopia

E30C0C
800303
25090A
B95A5E
EEA3A6

Achromatopsia

505050
292929
171717
919191
CECECE

Shades & Tints Shades & Tints

#EE0D0B

Dark
Light

#870005

Dark
Light

#261302

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ee0d0b;
  --color-2: #870005;
  --color-3: #261302;
  --color-4: #bb8e33;
  --color-5: #f0cb84;
}

SCSS

$color-1: #ee0d0b;
$color-2: #870005;
$color-3: #261302;
$color-4: #bb8e33;
$color-5: #f0cb84;

TAILWIND

colors: {
  'brand-1': '#ee0d0b',
  'brand-2': '#870005',
  'brand-3': '#261302',
  'brand-4': '#bb8e33',
  'brand-5': '#f0cb84',
}

RGB Array

[238, 13, 11], [135, 0, 5], [38, 19, 2], [187, 142, 51], [240, 203, 132]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EE0D0B, #870005, #261302, #BB8E33, #F0CB84 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: #ee0d0b; --color-2: #870005; --color-3: #261302; --color-4: #bb8e33; --color-5: #f0cb84. 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