← Back to Editor

#E6D6A5 · #CC1D62 · #512D5D · #821E64 · #024967

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

#E6D6A5

Goose Yellow · Wheat · Lemon Cream

HEX
#E6D6A5
RGB
rgb(230, 214, 165)
HSL
hsl(45, 57%, 77%)
HSB
hsb(45, 28%, 90%)
CMYK
cmyk(0%, 7%, 28%, 10%)
Oklch
oklch(87.7% 0.066 92.1)

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

#CC1D62

Dark Violet · MediumVioletRed · Camellia

HEX
#CC1D62
RGB
rgb(204, 29, 98)
HSL
hsl(336, 75%, 46%)
HSB
hsb(336, 86%, 80%)
CMYK
cmyk(0%, 86%, 52%, 20%)
Oklch
oklch(55.4% 0.208 5.1)

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

#512D5D

Dark Plum · DarkSlateBlue · Eggplant

HEX
#512D5D
RGB
rgb(81, 45, 93)
HSL
hsl(285, 35%, 27%)
HSB
hsb(285, 52%, 36%)
CMYK
cmyk(13%, 52%, 0%, 64%)
Oklch
oklch(36.4% 0.090 317.2)

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

#821E64

Rose Purple · Purple · Eggplant

HEX
#821E64
RGB
rgb(130, 30, 100)
HSL
hsl(318, 62%, 31%)
HSB
hsb(318, 77%, 51%)
CMYK
cmyk(0%, 77%, 23%, 49%)
Oklch
oklch(42.4% 0.153 342.8)

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

#024967

Lake Blue · DarkSlateGray · Peacock Green

HEX
#024967
RGB
rgb(2, 73, 103)
HSL
hsl(198, 96%, 21%)
HSB
hsb(198, 98%, 40%)
CMYK
cmyk(98%, 29%, 0%, 60%)
Oklch
oklch(38.3% 0.080 234.6)

Traditional「Lake Blue」· Paint「Peacock Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E6D6A5
A3B4E6

Analogous

E6B4A3
E6D6A5
D5E6A3

Triadic

E6D6A5
A3E6D5
D5A3E6

Split-Comp.

E6D6A5
A3D5E6
B4A3E6

Tetradic

E6D6A5
A3E6B4
A3B4E6
E6A3D5

Contrast Matrix WCAG 2.1 Contrast

E6D6A5
CC1D62
512D5D
821E64
024967
—
3.7
AA Large
7.7
AAA
6.3
AA
6.8
AA
3.7
AA Large
—
2.1
Fail
1.7
Fail
1.8
Fail
7.7
AAA
2.1
Fail
—
1.2
Fail
1.1
Fail
6.3
AA
1.7
Fail
1.2
Fail
—
1.1
Fail
6.8
AA
1.8
Fail
1.1
Fail
1.1
Fail
—
White BG
1.4Fail
5.4AA
11.2AAA
9.1AAA
9.8AAA
Black BG
14.5AAA
3.9AA Large
1.9Fail
2.3Fail
2.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

DFDFB1
807F51
414151
575653
212160

Deuteranopia

E0E1B4
8A974D
44464F
5D644F
1D175E

Tritanopia

E5BABC
C34441
4F4846
7D4643
065A59

Achromatopsia

D5D5D5
595959
3D3D3D
444444
373737

Shades & Tints Shades & Tints

#E6D6A5

Dark
Light

#CC1D62

Dark
Light

#512D5D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e6d6a5;
  --color-2: #cc1d62;
  --color-3: #512d5d;
  --color-4: #821e64;
  --color-5: #024967;
}

SCSS

$color-1: #e6d6a5;
$color-2: #cc1d62;
$color-3: #512d5d;
$color-4: #821e64;
$color-5: #024967;

TAILWIND

colors: {
  'brand-1': '#e6d6a5',
  'brand-2': '#cc1d62',
  'brand-3': '#512d5d',
  'brand-4': '#821e64',
  'brand-5': '#024967',
}

RGB Array

[230, 214, 165], [204, 29, 98], [81, 45, 93], [130, 30, 100], [2, 73, 103]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E6D6A5, #CC1D62, #512D5D, #821E64, #024967 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: #e6d6a5; --color-2: #cc1d62; --color-3: #512d5d; --color-4: #821e64; --color-5: #024967. 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