← Back to Editor

#E6EBB0 · #CAB474 · #E95A69 · #9B0547 · #42153A

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

#E6EBB0

Fresh Green · Wheat · Lemon Cream

HEX
#E6EBB0
RGB
rgb(230, 235, 176)
HSL
hsl(65, 60%, 81%)
HSB
hsb(65, 25%, 92%)
CMYK
cmyk(2%, 0%, 25%, 8%)
Oklch
oklch(92.2% 0.077 111.8)

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

#CAB474

Ginger · Tan · Sunflower

HEX
#CAB474
RGB
rgb(202, 180, 116)
HSL
hsl(45, 45%, 62%)
HSB
hsb(45, 43%, 79%)
CMYK
cmyk(0%, 11%, 43%, 21%)
Oklch
oklch(77.4% 0.087 91.2)

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

#E95A69

Peach Pink · Tomato · Coral Red

HEX
#E95A69
RGB
rgb(233, 90, 105)
HSL
hsl(354, 76%, 63%)
HSB
hsb(354, 61%, 91%)
CMYK
cmyk(0%, 61%, 55%, 9%)
Oklch
oklch(65.7% 0.177 17.2)

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

#9B0547

Dark Violet · Brown · Camellia

HEX
#9B0547
RGB
rgb(155, 5, 71)
HSL
hsl(334, 94%, 31%)
HSB
hsb(334, 97%, 61%)
CMYK
cmyk(0%, 97%, 54%, 39%)
Oklch
oklch(44.5% 0.176 4.9)

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

#42153A

Rose Purple · DarkSlateGray · Dark Purple

HEX
#42153A
RGB
rgb(66, 21, 58)
HSL
hsl(311, 52%, 17%)
HSB
hsb(311, 68%, 26%)
CMYK
cmyk(0%, 68%, 12%, 74%)
Oklch
oklch(28.3% 0.087 335.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E6EBB0
B6B1EC

Analogous

ECD3B1
E6EBB0
CAECB1

Triadic

E6EBB0
B1E7EC
ECB1E7

Split-Comp.

E6EBB0
B1CAEC
D3B1EC

Tetradic

E6EBB0
B1ECD3
B6B1EC
ECB1CA

Contrast Matrix WCAG 2.1 Contrast

E6EBB0
CAB474
E95A69
9B0547
42153A
—
1.6
Fail
2.8
Fail
6.7
AA
12.1
AAA
1.6
Fail
—
1.7
Fail
4.1
AA Large
7.4
AAA
2.8
Fail
1.7
Fail
—
2.4
Fail
4.4
AA Large
6.7
AA
4.1
AA Large
2.4
Fail
—
1.8
Fail
12.1
AAA
7.4
AAA
4.4
AA Large
1.8
Fail
—
White BG
1.2Fail
2.0Fail
3.4AA Large
8.4AAA
15.0AAA
Black BG
16.9AAA
10.3AAA
6.1AA
2.5Fail
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E8E8BE
C0C083
ABAA65
5A5937
2F2E31

Deuteranopia

E8E8C2
C2C387
B3BE65
636E33
31342F

Tritanopia

E6CACC
C99092
E26362
942A28
402A28

Achromatopsia

E3E3E3
B3B3B3
868686
393939
272727

Shades & Tints Shades & Tints

#E6EBB0

Dark
Light

#CAB474

Dark
Light

#E95A69

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e6ebb0;
  --color-2: #cab474;
  --color-3: #e95a69;
  --color-4: #9b0547;
  --color-5: #42153a;
}

SCSS

$color-1: #e6ebb0;
$color-2: #cab474;
$color-3: #e95a69;
$color-4: #9b0547;
$color-5: #42153a;

TAILWIND

colors: {
  'brand-1': '#e6ebb0',
  'brand-2': '#cab474',
  'brand-3': '#e95a69',
  'brand-4': '#9b0547',
  'brand-5': '#42153a',
}

RGB Array

[230, 235, 176], [202, 180, 116], [233, 90, 105], [155, 5, 71], [66, 21, 58]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E6EBB0, #CAB474, #E95A69, #9B0547, #42153A 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: #e6ebb0; --color-2: #cab474; --color-3: #e95a69; --color-4: #9b0547; --color-5: #42153a. 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