← Back to Editor

#E9ED6E · #F02347 · #66145B · #100F45 · #E48627

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#E9ED6E

Fresh Green · Khaki · Sunflower

HEX
#E9ED6E
RGB
rgb(233, 237, 110)
HSL
hsl(62, 78%, 68%)
HSB
hsb(62, 54%, 93%)
CMYK
cmyk(2%, 0%, 54%, 7%)
Oklch
oklch(91.8% 0.150 110.7)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#F02347

Vermilion · Crimson · Passion Red

HEX
#F02347
RGB
rgb(240, 35, 71)
HSL
hsl(349, 87%, 54%)
HSB
hsb(349, 85%, 94%)
CMYK
cmyk(0%, 85%, 70%, 6%)
Oklch
oklch(61.6% 0.232 19.7)

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

#66145B

Rose Purple · Purple · Eggplant

HEX
#66145B
RGB
rgb(102, 20, 91)
HSL
hsl(308, 67%, 24%)
HSB
hsb(308, 80%, 40%)
CMYK
cmyk(0%, 80%, 11%, 60%)
Oklch
oklch(36.3% 0.140 334.3)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

#100F45

Deep Indigo · MidnightBlue · Deep Sea Blue

HEX
#100F45
RGB
rgb(16, 15, 69)
HSL
hsl(241, 64%, 16%)
HSB
hsb(241, 78%, 27%)
CMYK
cmyk(77%, 78%, 0%, 73%)
Oklch
oklch(21.5% 0.097 275.3)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#E48627

Ginger · GoldenRod · Warm Sun

HEX
#E48627
RGB
rgb(228, 134, 39)
HSL
hsl(30, 78%, 52%)
HSB
hsb(30, 83%, 89%)
CMYK
cmyk(0%, 41%, 83%, 11%)
Oklch
oklch(70.7% 0.153 59.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E9ED6E
726EED

Analogous

EDB26E
E9ED6E
A9ED6E

Triadic

E9ED6E
6EE9ED
ED6EE9

Split-Comp.

E9ED6E
6EA9ED
B26EED

Tetradic

E9ED6E
6EEDB2
726EED
ED6EA9

Contrast Matrix WCAG 2.1 Contrast

E9ED6E
F02347
66145B
100F45
E48627
—
3.3
AA Large
9.3
AAA
14.3
AAA
2.2
Fail
3.3
AA Large
—
2.8
Fail
4.3
AA Large
1.5
Fail
9.3
AAA
2.8
Fail
—
1.5
Fail
4.3
AA Large
14.3
AAA
4.3
AA Large
1.5
Fail
—
6.6
AA
2.2
Fail
1.5
Fail
4.3
AA Large
6.6
AA
—
White BG
1.2Fail
4.2AA Large
11.6AAA
17.9AAA
2.7Fail
Black BG
16.8AAA
5.0AA
1.8Fail
1.2Fail
7.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EBEB8D
97953E
42424A
101038
BBBA3E

Deuteranopia

EBEA94
A3B33C
474D46
101035
C1C844

Tritanopia

E9A5AA
E63736
623C39
102E2B
DF5054

Achromatopsia

DDDDDD
646464
353535
151515
979797

Shades & Tints Shades & Tints

#E9ED6E

Dark
Light

#F02347

Dark
Light

#66145B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e9ed6e;
  --color-2: #f02347;
  --color-3: #66145b;
  --color-4: #100f45;
  --color-5: #e48627;
}

SCSS

$color-1: #e9ed6e;
$color-2: #f02347;
$color-3: #66145b;
$color-4: #100f45;
$color-5: #e48627;

TAILWIND

colors: {
  'brand-1': '#e9ed6e',
  'brand-2': '#f02347',
  'brand-3': '#66145b',
  'brand-4': '#100f45',
  'brand-5': '#e48627',
}

RGB Array

[233, 237, 110], [240, 35, 71], [102, 20, 91], [16, 15, 69], [228, 134, 39]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E9ED6E, #F02347, #66145B, #100F45, #E48627 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: #e9ed6e; --color-2: #f02347; --color-3: #66145b; --color-4: #100f45; --color-5: #e48627. 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