← Back to Editor

#E0C52E · #D19939 · #C16E45 · #B24250 · #A2165B

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

#E0C52E

Autumn Sage · GoldenRod · Sunflower

HEX
#E0C52E
RGB
rgb(224, 197, 46)
HSL
hsl(51, 74%, 53%)
HSB
hsb(51, 79%, 88%)
CMYK
cmyk(0%, 12%, 79%, 12%)
Oklch
oklch(82.2% 0.159 98.3)

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

#D19939

Ginger · GoldenRod · Warm Sun

HEX
#D19939
RGB
rgb(209, 153, 57)
HSL
hsl(38, 62%, 52%)
HSB
hsb(38, 73%, 82%)
CMYK
cmyk(0%, 27%, 73%, 18%)
Oklch
oklch(72.0% 0.128 77.2)

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

#C16E45

Tangerine · Chocolate · Warm Sun

HEX
#C16E45
RGB
rgb(193, 110, 69)
HSL
hsl(20, 50%, 51%)
HSB
hsb(20, 64%, 76%)
CMYK
cmyk(0%, 43%, 64%, 24%)
Oklch
oklch(62.3% 0.119 46.1)

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

#B24250

Crimson · Sienna · Passion Red

HEX
#B24250
RGB
rgb(178, 66, 80)
HSL
hsl(353, 46%, 48%)
HSB
hsb(353, 63%, 70%)
CMYK
cmyk(0%, 63%, 55%, 30%)
Oklch
oklch(53.7% 0.146 16.1)

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

#A2165B

Dark Violet · Brown · Camellia

HEX
#A2165B
RGB
rgb(162, 22, 91)
HSL
hsl(330, 76%, 36%)
HSB
hsb(330, 86%, 64%)
CMYK
cmyk(0%, 86%, 44%, 36%)
Oklch
oklch(47.2% 0.179 357.9)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E0C52E
2E49E0

Analogous

E06D2E
E0C52E
A2E02E

Triadic

E0C52E
2EE0C5
C52EE0

Split-Comp.

E0C52E
2EA2E0
6D2EE0

Tetradic

E0C52E
2EE06D
2E49E0
E02EA2

Contrast Matrix WCAG 2.1 Contrast

E0C52E
D19939
C16E45
B24250
A2165B
—
1.5
Fail
2.2
Fail
3.2
AA Large
4.4
AA Large
1.5
Fail
—
1.5
Fail
2.2
Fail
3.0
Fail
2.2
Fail
1.5
Fail
—
1.5
Fail
2.0
Fail
3.2
AA Large
2.2
Fail
1.5
Fail
—
1.4
Fail
4.4
AA Large
3.0
Fail
2.0
Fail
1.4
Fail
—
White BG
1.7Fail
2.5Fail
3.8AA Large
5.5AA
7.5AAA
Black BG
12.2AAA
8.3AAA
5.6AA
3.8AA Large
2.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D4D453
B9B850
9D9C4F
82804D
65644A

Deuteranopia

D6D85B
BCC056
A2A851
88904C
6E7846

Tritanopia

DF6F76
CE6367
BD5758
AC4A49
9B3D3A

Achromatopsia

BCBCBC
9F9F9F
828282
656565
484848

Shades & Tints Shades & Tints

#E0C52E

Dark
Light

#D19939

Dark
Light

#C16E45

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e0c52e;
  --color-2: #d19939;
  --color-3: #c16e45;
  --color-4: #b24250;
  --color-5: #a2165b;
}

SCSS

$color-1: #e0c52e;
$color-2: #d19939;
$color-3: #c16e45;
$color-4: #b24250;
$color-5: #a2165b;

TAILWIND

colors: {
  'brand-1': '#e0c52e',
  'brand-2': '#d19939',
  'brand-3': '#c16e45',
  'brand-4': '#b24250',
  'brand-5': '#a2165b',
}

RGB Array

[224, 197, 46], [209, 153, 57], [193, 110, 69], [178, 66, 80], [162, 22, 91]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E0C52E, #D19939, #C16E45, #B24250, #A2165B 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: #e0c52e; --color-2: #d19939; --color-3: #c16e45; --color-4: #b24250; --color-5: #a2165b. 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