← Back to Editor

#EAD59C · #C6CD66 · #EB833C · #DA012C · #61003E

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

#EAD59C

Goose Yellow · Khaki · Lemon Cream

HEX
#EAD59C
RGB
rgb(234, 213, 156)
HSL
hsl(44, 65%, 76%)
HSB
hsb(44, 33%, 92%)
CMYK
cmyk(0%, 9%, 33%, 8%)
Oklch
oklch(87.7% 0.077 90.2)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#C6CD66

Autumn Sage · BurlyWood · Sunflower

HEX
#C6CD66
RGB
rgb(198, 205, 102)
HSL
hsl(64, 51%, 60%)
HSB
hsb(64, 50%, 80%)
CMYK
cmyk(3%, 0%, 50%, 20%)
Oklch
oklch(82.1% 0.127 112.4)

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

#EB833C

Tangerine · Coral · Warm Sun

HEX
#EB833C
RGB
rgb(235, 131, 60)
HSL
hsl(24, 81%, 58%)
HSB
hsb(24, 74%, 92%)
CMYK
cmyk(0%, 44%, 74%, 8%)
Oklch
oklch(71.2% 0.152 51.8)

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

#DA012C

Vermilion · Crimson · Passion Red

HEX
#DA012C
RGB
rgb(218, 1, 44)
HSL
hsl(348, 99%, 43%)
HSB
hsb(348, 100%, 85%)
CMYK
cmyk(0%, 100%, 80%, 15%)
Oklch
oklch(56.1% 0.226 23.2)

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

#61003E

Rose Purple · Maroon · Raspberry

HEX
#61003E
RGB
rgb(97, 0, 62)
HSL
hsl(322, 100%, 19%)
HSB
hsb(322, 100%, 38%)
CMYK
cmyk(0%, 100%, 36%, 62%)
Oklch
oklch(32.5% 0.136 349.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EAD59C
9AAFEA

Analogous

EAAD9A
EAD59C
D7EA9A

Triadic

EAD59C
9AEAD4
D49AEA

Split-Comp.

EAD59C
9AD7EA
AD9AEA

Tetradic

EAD59C
9AEAAD
9AAFEA
EA9AD7

Contrast Matrix WCAG 2.1 Contrast

EAD59C
C6CD66
EB833C
DA012C
61003E
—
1.2
Fail
1.8
Fail
3.6
AA Large
9.2
AAA
1.2
Fail
—
1.6
Fail
3.1
AA Large
7.8
AAA
1.8
Fail
1.6
Fail
—
2.0
Fail
5.0
AA
3.6
AA Large
3.1
AA Large
2.0
Fail
—
2.5
Fail
9.2
AAA
7.8
AAA
5.0
AA
2.5
Fail
—
White BG
1.4Fail
1.7Fail
2.7Fail
5.2AA
13.3AAA
Black BG
14.5AAA
12.3AAA
7.8AAA
4.0AA Large
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E1E1AA
C9C97F
BEBD4D
7C7A22
37362F

Deuteranopia

E2E4AD
C9C885
C4CC51
89991F
3D442B

Tritanopia

E9B5B7
C69397
E65B5E
CF1918
5C2321

Achromatopsia

D5D5D5
BFBFBF
9A9A9A
474747
242424

Shades & Tints Shades & Tints

#EAD59C

Dark
Light

#C6CD66

Dark
Light

#EB833C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ead59c;
  --color-2: #c6cd66;
  --color-3: #eb833c;
  --color-4: #da012c;
  --color-5: #61003e;
}

SCSS

$color-1: #ead59c;
$color-2: #c6cd66;
$color-3: #eb833c;
$color-4: #da012c;
$color-5: #61003e;

TAILWIND

colors: {
  'brand-1': '#ead59c',
  'brand-2': '#c6cd66',
  'brand-3': '#eb833c',
  'brand-4': '#da012c',
  'brand-5': '#61003e',
}

RGB Array

[234, 213, 156], [198, 205, 102], [235, 131, 60], [218, 1, 44], [97, 0, 62]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EAD59C, #C6CD66, #EB833C, #DA012C, #61003E 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: #ead59c; --color-2: #c6cd66; --color-3: #eb833c; --color-4: #da012c; --color-5: #61003e. 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