← Back to Editor

#E5E72C · #E26002 · #AE0701 · #2A0004 · #64A182

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

#E5E72C

Autumn Sage · Gold · Sunflower

HEX
#E5E72C
RGB
rgb(229, 231, 44)
HSL
hsl(61, 80%, 54%)
HSB
hsb(61, 81%, 91%)
CMYK
cmyk(1%, 0%, 81%, 9%)
Oklch
oklch(89.8% 0.187 110.3)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#E26002

Tangerine · Chocolate · Amber Brown

HEX
#E26002
RGB
rgb(226, 96, 2)
HSL
hsl(25, 98%, 45%)
HSB
hsb(25, 99%, 89%)
CMYK
cmyk(0%, 58%, 99%, 11%)
Oklch
oklch(64.4% 0.181 45.7)

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

#AE0701

Vermilion · DarkRed · Wine Red

HEX
#AE0701
RGB
rgb(174, 7, 1)
HSL
hsl(2, 99%, 34%)
HSB
hsb(2, 99%, 68%)
CMYK
cmyk(0%, 96%, 99%, 32%)
Oklch
oklch(47.4% 0.191 29.6)

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

#2A0004

Vermilion · Black · Deep Berry

HEX
#2A0004
RGB
rgb(42, 0, 4)
HSL
hsl(354, 100%, 8%)
HSB
hsb(354, 100%, 16%)
CMYK
cmyk(0%, 100%, 90%, 84%)
Oklch
oklch(18.0% 0.072 20.7)

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

#64A182

Mineral Blue · CadetBlue · Olive Green

HEX
#64A182
RGB
rgb(100, 161, 130)
HSL
hsl(150, 24%, 51%)
HSB
hsb(150, 38%, 63%)
CMYK
cmyk(38%, 0%, 19%, 37%)
Oklch
oklch(65.8% 0.079 161.0)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E5E72C
2F2CE8

Analogous

E88D2C
E5E72C
87E82C

Triadic

E5E72C
2CE4E8
E82CE4

Split-Comp.

E5E72C
2C87E8
8D2CE8

Tetradic

E5E72C
2CE88D
2F2CE8
E82C87

Contrast Matrix WCAG 2.1 Contrast

E5E72C
E26002
AE0701
2A0004
64A182
—
2.7
Fail
5.6
AA
14.4
AAA
2.3
Fail
2.7
Fail
—
2.1
Fail
5.4
AA
1.2
Fail
5.6
AA
2.1
Fail
—
2.6
Fail
2.5
Fail
14.4
AAA
5.4
AA
2.6
Fail
—
6.3
AA
2.3
Fail
1.2
Fail
2.5
Fail
6.3
AA
—
White BG
1.3Fail
3.6AA Large
7.4AAA
19.1AAA
3.0AA Large
Black BG
15.8AAA
5.9AA
2.8Fail
1.1Fail
7.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E6E659
AAA919
666402
181703
7E7F8A

Deuteranopia

E6E664
B1BB1E
6F7C03
1A1D03
7B768B

Tritanopia

E57D85
DC2B2F
A60404
280202
678F91

Achromatopsia

D1D1D1
7C7C7C
383838
0D0D0D
8B8B8B

Shades & Tints Shades & Tints

#E5E72C

Dark
Light

#E26002

Dark
Light

#AE0701

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e5e72c;
  --color-2: #e26002;
  --color-3: #ae0701;
  --color-4: #2a0004;
  --color-5: #64a182;
}

SCSS

$color-1: #e5e72c;
$color-2: #e26002;
$color-3: #ae0701;
$color-4: #2a0004;
$color-5: #64a182;

TAILWIND

colors: {
  'brand-1': '#e5e72c',
  'brand-2': '#e26002',
  'brand-3': '#ae0701',
  'brand-4': '#2a0004',
  'brand-5': '#64a182',
}

RGB Array

[229, 231, 44], [226, 96, 2], [174, 7, 1], [42, 0, 4], [100, 161, 130]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E5E72C, #E26002, #AE0701, #2A0004, #64A182 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: #e5e72c; --color-2: #e26002; --color-3: #ae0701; --color-4: #2a0004; --color-5: #64a182. 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