← Back to Editor

#E2A509 · #BD1204 · #E03400 · #CE2D1D · #CC1F2E

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

#E2A509

Ochre · GoldenRod · Honey Gold

HEX
#E2A509
RGB
rgb(226, 165, 9)
HSL
hsl(43, 92%, 46%)
HSB
hsb(43, 96%, 89%)
CMYK
cmyk(0%, 27%, 96%, 11%)
Oklch
oklch(76.0% 0.155 81.6)

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

#BD1204

Vermilion · FireBrick · Wine Red

HEX
#BD1204
RGB
rgb(189, 18, 4)
HSL
hsl(5, 96%, 38%)
HSB
hsb(5, 98%, 74%)
CMYK
cmyk(0%, 90%, 98%, 26%)
Oklch
oklch(50.7% 0.200 30.0)

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

#E03400

Vermilion · OrangeRed · Passion Red

HEX
#E03400
RGB
rgb(224, 52, 0)
HSL
hsl(14, 100%, 44%)
HSB
hsb(14, 100%, 88%)
CMYK
cmyk(0%, 77%, 100%, 12%)
Oklch
oklch(59.2% 0.213 34.0)

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

#CE2D1D

Vermilion · FireBrick · Passion Red

HEX
#CE2D1D
RGB
rgb(206, 45, 29)
HSL
hsl(5, 75%, 46%)
HSB
hsb(5, 86%, 81%)
CMYK
cmyk(0%, 78%, 86%, 19%)
Oklch
oklch(55.6% 0.199 30.1)

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

#CC1F2E

Vermilion · Crimson · Passion Red

HEX
#CC1F2E
RGB
rgb(204, 31, 46)
HSL
hsl(355, 74%, 46%)
HSB
hsb(355, 85%, 80%)
CMYK
cmyk(0%, 85%, 77%, 20%)
Oklch
oklch(54.5% 0.204 24.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E2A509
0947E1

Analogous

E13809
E2A509
B2E109

Triadic

E2A509
09E1A4
A409E1

Split-Comp.

E2A509
09B2E1
3809E1

Tetradic

E2A509
09E138
0947E1
E109B2

Contrast Matrix WCAG 2.1 Contrast

E2A509
BD1204
E03400
CE2D1D
CC1F2E
—
3.0
Fail
2.1
Fail
2.4
Fail
2.5
Fail
3.0
Fail
—
1.4
Fail
1.2
Fail
1.2
Fail
2.1
Fail
1.4
Fail
—
1.2
Fail
1.2
Fail
2.4
Fail
1.2
Fail
1.2
Fail
—
1.1
Fail
2.5
Fail
1.2
Fail
1.2
Fail
1.1
Fail
—
White BG
2.2Fail
6.5AA
4.5AA
5.2AA
5.5AA
Black BG
9.6AAA
3.3AA Large
4.7AA
4.0AA Large
3.8AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

C8C72F
737107
96940D
888721
81802A

Deuteranopia

CBD038
7D8A08
A0AC10
929E22
8B9829

Tritanopia

DF4D53
B40A0B
D71719
C62425
C32827

Achromatopsia

A5A5A5
444444
626262
5B5B5B
545454

Shades & Tints Shades & Tints

#E2A509

Dark
Light

#BD1204

Dark
Light

#E03400

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e2a509;
  --color-2: #bd1204;
  --color-3: #e03400;
  --color-4: #ce2d1d;
  --color-5: #cc1f2e;
}

SCSS

$color-1: #e2a509;
$color-2: #bd1204;
$color-3: #e03400;
$color-4: #ce2d1d;
$color-5: #cc1f2e;

TAILWIND

colors: {
  'brand-1': '#e2a509',
  'brand-2': '#bd1204',
  'brand-3': '#e03400',
  'brand-4': '#ce2d1d',
  'brand-5': '#cc1f2e',
}

RGB Array

[226, 165, 9], [189, 18, 4], [224, 52, 0], [206, 45, 29], [204, 31, 46]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E2A509, #BD1204, #E03400, #CE2D1D, #CC1F2E is ideal for: social media posters, mobile apps, e-commerce promos. 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: #e2a509; --color-2: #bd1204; --color-3: #e03400; --color-4: #ce2d1d; --color-5: #cc1f2e. 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. 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