← Back to Editor

#E2CDBC · #132028 · #604E4A · #AB795E · #D8936A

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

#E2CDBC

Apricot · Wheat · Peach Orange

HEX
#E2CDBC
RGB
rgb(226, 205, 188)
HSL
hsl(27, 40%, 81%)
HSB
hsb(27, 17%, 89%)
CMYK
cmyk(0%, 9%, 17%, 11%)
Oklch
oklch(86.1% 0.033 61.4)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#132028

Slate Blue · Black · Deep Sea Blue

HEX
#132028
RGB
rgb(19, 32, 40)
HSL
hsl(203, 36%, 12%)
HSB
hsb(203, 53%, 16%)
CMYK
cmyk(53%, 20%, 0%, 84%)
Oklch
oklch(23.5% 0.024 236.2)

Traditional「Slate Blue」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#604E4A

Crimson · DarkOliveGreen · Wine Red

HEX
#604E4A
RGB
rgb(96, 78, 74)
HSL
hsl(11, 13%, 33%)
HSB
hsb(11, 23%, 38%)
CMYK
cmyk(0%, 19%, 23%, 62%)
Oklch
oklch(44.1% 0.025 32.6)

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

#AB795E

Tangerine · Gray · Warm Sun

HEX
#AB795E
RGB
rgb(171, 121, 94)
HSL
hsl(21, 31%, 52%)
HSB
hsb(21, 45%, 67%)
CMYK
cmyk(0%, 29%, 45%, 33%)
Oklch
oklch(62.0% 0.074 49.3)

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

#D8936A

Apricot · DarkSalmon · Warm Sun

HEX
#D8936A
RGB
rgb(216, 147, 106)
HSL
hsl(22, 59%, 63%)
HSB
hsb(22, 51%, 85%)
CMYK
cmyk(0%, 32%, 51%, 15%)
Oklch
oklch(72.3% 0.100 51.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E2CDBC
BBD0E2

Analogous

E2BBBD
E2CDBC
E2E0BB

Triadic

E2CDBC
BBE2CD
CDBBE2

Split-Comp.

E2CDBC
BBE2E0
BBBDE2

Tetradic

E2CDBC
BDE2BB
BBD0E2
E0BBE2

Contrast Matrix WCAG 2.1 Contrast

E2CDBC
132028
604E4A
AB795E
D8936A
—
10.8
AAA
5.1
AA
2.4
Fail
1.6
Fail
10.8
AAA
—
2.1
Fail
4.4
AA Large
6.6
AA
5.1
AA
2.1
Fail
—
2.1
Fail
3.1
AA Large
2.4
Fail
4.4
AA Large
2.1
Fail
—
1.5
Fail
1.6
Fail
6.6
AA
3.1
AA Large
1.5
Fail
—
White BG
1.5Fail
16.6AAA
7.8AAA
3.7AA Large
2.5Fail
Black BG
13.7AAA
1.3Fail
2.7Fail
5.6AA
8.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D9D9C0
191926
58584B
959565
BABA74

Deuteranopia

DADCC1
181726
595B4B
989C66
BEC376

Tritanopia

E1C3C4
142524
5F4C4C
A96A6B
D57C7D

Achromatopsia

D1D1D1
1D1D1D
535353
858585
A3A3A3

Shades & Tints Shades & Tints

#E2CDBC

Dark
Light

#132028

Dark
Light

#604E4A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e2cdbc;
  --color-2: #132028;
  --color-3: #604e4a;
  --color-4: #ab795e;
  --color-5: #d8936a;
}

SCSS

$color-1: #e2cdbc;
$color-2: #132028;
$color-3: #604e4a;
$color-4: #ab795e;
$color-5: #d8936a;

TAILWIND

colors: {
  'brand-1': '#e2cdbc',
  'brand-2': '#132028',
  'brand-3': '#604e4a',
  'brand-4': '#ab795e',
  'brand-5': '#d8936a',
}

RGB Array

[226, 205, 188], [19, 32, 40], [96, 78, 74], [171, 121, 94], [216, 147, 106]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E2CDBC, #132028, #604E4A, #AB795E, #D8936A 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: #e2cdbc; --color-2: #132028; --color-3: #604e4a; --color-4: #ab795e; --color-5: #d8936a. 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