← Back to Editor

#D2CDBB · #E2AF87 · #DC897A · #926B6C · #4A5A6F

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

#D2CDBB

Goose Yellow · Silver · Lemon Cream

HEX
#D2CDBB
RGB
rgb(210, 205, 187)
HSL
hsl(47, 20%, 78%)
HSB
hsb(47, 11%, 82%)
CMYK
cmyk(0%, 2%, 11%, 18%)
Oklch
oklch(84.7% 0.025 94.1)

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

#E2AF87

Apricot · BurlyWood · Warm Sun

HEX
#E2AF87
RGB
rgb(226, 175, 135)
HSL
hsl(26, 61%, 71%)
HSB
hsb(26, 40%, 89%)
CMYK
cmyk(0%, 23%, 40%, 11%)
Oklch
oklch(79.1% 0.080 59.4)

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

#DC897A

Peach Pink · DarkSalmon · Coral Red

HEX
#DC897A
RGB
rgb(220, 137, 122)
HSL
hsl(9, 58%, 67%)
HSB
hsb(9, 45%, 86%)
CMYK
cmyk(0%, 38%, 45%, 14%)
Oklch
oklch(71.3% 0.105 30.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#926B6C

Crimson · Gray · Passion Red

HEX
#926B6C
RGB
rgb(146, 107, 108)
HSL
hsl(358, 15%, 50%)
HSB
hsb(358, 27%, 57%)
CMYK
cmyk(0%, 27%, 26%, 43%)
Oklch
oklch(56.8% 0.050 17.0)

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

#4A5A6F

Indigo · DimGray · Prussian Blue

HEX
#4A5A6F
RGB
rgb(74, 90, 111)
HSL
hsl(214, 20%, 36%)
HSB
hsb(214, 33%, 44%)
CMYK
cmyk(33%, 19%, 0%, 56%)
Oklch
oklch(46.2% 0.040 255.4)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D2CDBB
BCC1D2

Analogous

D2C2BC
D2CDBB
CCD2BC

Triadic

D2CDBB
BCD2CD
CDBCD2

Split-Comp.

D2CDBB
BCCCD2
C2BCD2

Tetradic

D2CDBB
BCD2C2
BCC1D2
D2BCCC

Contrast Matrix WCAG 2.1 Contrast

D2CDBB
E2AF87
DC897A
926B6C
4A5A6F
—
1.2
Fail
1.7
Fail
2.9
Fail
4.4
AA Large
1.2
Fail
—
1.4
Fail
2.4
Fail
3.6
AA Large
1.7
Fail
1.4
Fail
—
1.7
Fail
2.6
Fail
2.9
Fail
2.4
Fail
1.7
Fail
—
1.5
Fail
4.4
AA Large
3.6
AA Large
2.6
Fail
1.5
Fail
—
White BG
1.6Fail
2.0Fail
2.7Fail
4.6AA
7.0AAA
Black BG
13.2AAA
10.7AAA
7.9AAA
4.5AA
3.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D0D0BF
CCCB91
B8B77E
81816C
51516A

Deuteranopia

D0D1C0
CFD393
BDC37F
83866C
504F69

Tritanopia

D2C3C4
DF989A
D88081
906C6C
4B6665

Achromatopsia

CCCCCC
BABABA
A0A0A0
777777
585858

Shades & Tints Shades & Tints

#D2CDBB

Dark
Light

#E2AF87

Dark
Light

#DC897A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d2cdbb;
  --color-2: #e2af87;
  --color-3: #dc897a;
  --color-4: #926b6c;
  --color-5: #4a5a6f;
}

SCSS

$color-1: #d2cdbb;
$color-2: #e2af87;
$color-3: #dc897a;
$color-4: #926b6c;
$color-5: #4a5a6f;

TAILWIND

colors: {
  'brand-1': '#d2cdbb',
  'brand-2': '#e2af87',
  'brand-3': '#dc897a',
  'brand-4': '#926b6c',
  'brand-5': '#4a5a6f',
}

RGB Array

[210, 205, 187], [226, 175, 135], [220, 137, 122], [146, 107, 108], [74, 90, 111]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D2CDBB, #E2AF87, #DC897A, #926B6C, #4A5A6F 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: #d2cdbb; --color-2: #e2af87; --color-3: #dc897a; --color-4: #926b6c; --color-5: #4a5a6f. 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