← Back to Editor

#D64E66 · #E6B79B · #EDE0B4 · #C8DDBC · #403E49

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#D64E66

Vermilion · Tomato · Passion Red

HEX
#D64E66
RGB
rgb(214, 78, 102)
HSL
hsl(349, 62%, 57%)
HSB
hsb(349, 64%, 84%)
CMYK
cmyk(0%, 64%, 52%, 16%)
Oklch
oklch(61.3% 0.171 13.2)

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

#E6B79B

Apricot · BurlyWood · Warm Sun

HEX
#E6B79B
RGB
rgb(230, 183, 155)
HSL
hsl(22, 60%, 75%)
HSB
hsb(22, 33%, 90%)
CMYK
cmyk(0%, 20%, 33%, 10%)
Oklch
oklch(81.4% 0.067 52.3)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#EDE0B4

Goose Yellow · Wheat · Lemon Cream

HEX
#EDE0B4
RGB
rgb(237, 224, 180)
HSL
hsl(46, 61%, 82%)
HSB
hsb(46, 24%, 93%)
CMYK
cmyk(0%, 5%, 24%, 7%)
Oklch
oklch(90.6% 0.059 93.5)

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

#C8DDBC

Celadon · LightGray · Apple Green

HEX
#C8DDBC
RGB
rgb(200, 221, 188)
HSL
hsl(98, 33%, 80%)
HSB
hsb(98, 15%, 87%)
CMYK
cmyk(10%, 0%, 15%, 13%)
Oklch
oklch(87.3% 0.050 134.1)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#403E49

Deep Indigo · DarkSlateGray · Charcoal

HEX
#403E49
RGB
rgb(64, 62, 73)
HSL
hsl(251, 8%, 26%)
HSB
hsb(251, 15%, 29%)
CMYK
cmyk(12%, 15%, 0%, 71%)
Oklch
oklch(37.0% 0.019 293.8)

Traditional「Deep Indigo」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D64E66
4DD5BC

Analogous

D54DAA
D64E66
D5784D

Triadic

D64E66
66D54D
4D66D5

Split-Comp.

D64E66
4DD578
4DAAD5

Tetradic

D64E66
AAD54D
4DD5BC
784DD5

Contrast Matrix WCAG 2.1 Contrast

D64E66
E6B79B
EDE0B4
C8DDBC
403E49
—
2.3
Fail
3.1
AA Large
2.8
Fail
2.6
Fail
2.3
Fail
—
1.4
Fail
1.3
Fail
5.8
AA
3.1
AA Large
1.4
Fail
—
1.1
Fail
7.9
AAA
2.8
Fail
1.3
Fail
1.1
Fail
—
7.3
AAA
2.6
Fail
5.8
AA
7.9
AAA
7.3
AAA
—
White BG
4.1AA Large
1.8Fail
1.3Fail
1.4Fail
10.5AAA
Black BG
5.1AA
11.6AAA
15.9AAA
14.5AAA
2.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

9B9A60
D2D1A2
E7E7BF
D1D1C4
3F3F46

Deuteranopia

A3AD5F
D4D8A3
E8E9C1
D0CEC6
3F3F46

Tritanopia

CF5C5B
E4A7A8
ECC7C9
C9CACC
404444

Achromatopsia

797979
C2C2C2
DFDFDF
D3D3D3
404040

Shades & Tints Shades & Tints

#D64E66

Dark
Light

#E6B79B

Dark
Light

#EDE0B4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d64e66;
  --color-2: #e6b79b;
  --color-3: #ede0b4;
  --color-4: #c8ddbc;
  --color-5: #403e49;
}

SCSS

$color-1: #d64e66;
$color-2: #e6b79b;
$color-3: #ede0b4;
$color-4: #c8ddbc;
$color-5: #403e49;

TAILWIND

colors: {
  'brand-1': '#d64e66',
  'brand-2': '#e6b79b',
  'brand-3': '#ede0b4',
  'brand-4': '#c8ddbc',
  'brand-5': '#403e49',
}

RGB Array

[214, 78, 102], [230, 183, 155], [237, 224, 180], [200, 221, 188], [64, 62, 73]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D64E66, #E6B79B, #EDE0B4, #C8DDBC, #403E49 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #d64e66; --color-2: #e6b79b; --color-3: #ede0b4; --color-4: #c8ddbc; --color-5: #403e49. 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 tech, SaaS, healthcare, eco industries. 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