← Back to Editor

#EEE580 · #EAC45F · #FE7275 · #B15E66 · #493956

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

#EEE580

Fresh Green · Khaki · Sunflower

HEX
#EEE580
RGB
rgb(238, 229, 128)
HSL
hsl(55, 76%, 72%)
HSB
hsb(55, 46%, 93%)
CMYK
cmyk(0%, 4%, 46%, 7%)
Oklch
oklch(90.8% 0.123 104.1)

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

#EAC45F

Ginger · SandyBrown · Sunflower

HEX
#EAC45F
RGB
rgb(234, 196, 95)
HSL
hsl(44, 77%, 65%)
HSB
hsb(44, 59%, 92%)
CMYK
cmyk(0%, 16%, 59%, 8%)
Oklch
oklch(83.4% 0.127 88.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#FE7275

Peach Pink · Salmon · Coral Red

HEX
#FE7275
RGB
rgb(254, 114, 117)
HSL
hsl(359, 99%, 72%)
HSB
hsb(359, 55%, 100%)
CMYK
cmyk(0%, 55%, 54%, 0%)
Oklch
oklch(72.1% 0.171 21.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#B15E66

Crimson · Sienna · Passion Red

HEX
#B15E66
RGB
rgb(177, 94, 102)
HSL
hsl(354, 35%, 53%)
HSB
hsb(354, 47%, 69%)
CMYK
cmyk(0%, 47%, 42%, 31%)
Oklch
oklch(58.1% 0.108 14.9)

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

#493956

Dark Plum · DarkSlateGray · Eggplant

HEX
#493956
RGB
rgb(73, 57, 86)
HSL
hsl(273, 20%, 28%)
HSB
hsb(273, 34%, 34%)
CMYK
cmyk(15%, 34%, 0%, 66%)
Oklch
oklch(37.4% 0.052 309.2)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EEE580
818AEE

Analogous

EEAF81
EEE580
C1EE81

Triadic

EEE580
81EEE5
E581EE

Split-Comp.

EEE580
81C1EE
AF81EE

Tetradic

EEE580
81EEAF
818AEE
EE81C1

Contrast Matrix WCAG 2.1 Contrast

EEE580
EAC45F
FE7275
B15E66
493956
—
1.3
Fail
2.1
Fail
3.5
AA Large
8.1
AAA
1.3
Fail
—
1.6
Fail
2.7
Fail
6.3
AA
2.1
Fail
1.6
Fail
—
1.7
Fail
3.9
AA Large
3.5
AA Large
2.7
Fail
1.7
Fail
—
2.3
Fail
8.1
AAA
6.3
AA
3.9
AA Large
2.3
Fail
—
White BG
1.3Fail
1.7Fail
2.7Fail
4.5AA
10.5AAA
Black BG
16.2AAA
12.6AAA
7.9AAA
4.7AA
2.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EAEA98
DAD977
C1C074
8D8C64
42424F

Deuteranopia

EBEB9E
DCDF7D
CAD474
929864
43444D

Tritanopia

EEACB0
E88B8F
F77474
AD6362
484948

Achromatopsia

DCDCDC
C4C4C4
9C9C9C
787878
414141

Shades & Tints Shades & Tints

#EEE580

Dark
Light

#EAC45F

Dark
Light

#FE7275

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eee580;
  --color-2: #eac45f;
  --color-3: #fe7275;
  --color-4: #b15e66;
  --color-5: #493956;
}

SCSS

$color-1: #eee580;
$color-2: #eac45f;
$color-3: #fe7275;
$color-4: #b15e66;
$color-5: #493956;

TAILWIND

colors: {
  'brand-1': '#eee580',
  'brand-2': '#eac45f',
  'brand-3': '#fe7275',
  'brand-4': '#b15e66',
  'brand-5': '#493956',
}

RGB Array

[238, 229, 128], [234, 196, 95], [254, 114, 117], [177, 94, 102], [73, 57, 86]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EEE580, #EAC45F, #FE7275, #B15E66, #493956 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: #eee580; --color-2: #eac45f; --color-3: #fe7275; --color-4: #b15e66; --color-5: #493956. 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