← Back to Editor

#E80508 · #C41F06 · #913206 · #543012 · #2B1E10

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 App

Color Details Color Details

#E80508

Vermilion · Red · Passion Red

HEX
#E80508
RGB
rgb(232, 5, 8)
HSL
hsl(359, 96%, 46%)
HSB
hsb(359, 98%, 91%)
CMYK
cmyk(0%, 98%, 97%, 9%)
Oklch
oklch(58.6% 0.239 28.9)

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

#C41F06

Vermilion · FireBrick · Wine Red

HEX
#C41F06
RGB
rgb(196, 31, 6)
HSL
hsl(8, 94%, 40%)
HSB
hsb(8, 97%, 77%)
CMYK
cmyk(0%, 84%, 97%, 23%)
Oklch
oklch(52.7% 0.200 31.2)

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

#913206

Tangerine · Brown · Amber Brown

HEX
#913206
RGB
rgb(145, 50, 6)
HSL
hsl(19, 92%, 30%)
HSB
hsb(19, 96%, 57%)
CMYK
cmyk(0%, 66%, 96%, 43%)
Oklch
oklch(45.1% 0.137 40.1)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#543012

Tangerine · DarkOliveGreen · Cinnamon

HEX
#543012
RGB
rgb(84, 48, 18)
HSL
hsl(27, 65%, 20%)
HSB
hsb(27, 79%, 33%)
CMYK
cmyk(0%, 43%, 79%, 67%)
Oklch
oklch(34.8% 0.068 57.5)

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

#2B1E10

Ochre · Black · Cinnamon

HEX
#2B1E10
RGB
rgb(43, 30, 16)
HSL
hsl(31, 46%, 12%)
HSB
hsb(31, 63%, 17%)
CMYK
cmyk(0%, 30%, 63%, 83%)
Oklch
oklch(24.7% 0.031 67.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E80508
05E6E2

Analogous

E60579
E80508
E67205

Triadic

E80508
08E605
0508E6

Split-Comp.

E80508
05E672
0579E6

Tetradic

E80508
79E605
05E6E2
7205E6

Contrast Matrix WCAG 2.1 Contrast

E80508
C41F06
913206
543012
2B1E10
—
1.3
Fail
1.7
Fail
2.5
Fail
3.4
AA Large
1.3
Fail
—
1.3
Fail
2.0
Fail
2.7
Fail
1.7
Fail
1.3
Fail
—
1.5
Fail
2.1
Fail
2.5
Fail
2.0
Fail
1.5
Fail
—
1.4
Fail
3.4
AA Large
2.7
Fail
2.1
Fail
1.4
Fail
—
White BG
4.7AA
5.9AA
7.9AAA
11.6AAA
16.2AAA
Black BG
4.5AA Large
3.5AA Large
2.7Fail
1.8Fail
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

868407
7D7B0C
686711
444419
252513

Deuteranopia

93A407
86930D
6D7513
47491B
262714

Tritanopia

DD0707
BC1112
8C191B
521F20
2A1617

Achromatopsia

494949
4D4D4D
494949
373737
202020

Shades & Tints Shades & Tints

#E80508

Dark
Light

#C41F06

Dark
Light

#913206

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e80508;
  --color-2: #c41f06;
  --color-3: #913206;
  --color-4: #543012;
  --color-5: #2b1e10;
}

SCSS

$color-1: #e80508;
$color-2: #c41f06;
$color-3: #913206;
$color-4: #543012;
$color-5: #2b1e10;

TAILWIND

colors: {
  'brand-1': '#e80508',
  'brand-2': '#c41f06',
  'brand-3': '#913206',
  'brand-4': '#543012',
  'brand-5': '#2b1e10',
}

RGB Array

[232, 5, 8], [196, 31, 6], [145, 50, 6], [84, 48, 18], [43, 30, 16]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E80508, #C41F06, #913206, #543012, #2B1E10 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. 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: #e80508; --color-2: #c41f06; --color-3: #913206; --color-4: #543012; --color-5: #2b1e10. 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. 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