← Back to Editor

#E1D6B6 · #C5B690 · #E6C96B · #ABAAA5 · #453C1F

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#E1D6B6

Goose Yellow · Wheat · Lemon Cream

HEX
#E1D6B6
RGB
rgb(225, 214, 182)
HSL
hsl(45, 42%, 80%)
HSB
hsb(45, 19%, 88%)
CMYK
cmyk(0%, 5%, 19%, 12%)
Oklch
oklch(87.7% 0.044 91.3)

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

#C5B690

Ginger · Tan · Sunflower

HEX
#C5B690
RGB
rgb(197, 182, 144)
HSL
hsl(43, 31%, 67%)
HSB
hsb(43, 27%, 77%)
CMYK
cmyk(0%, 8%, 27%, 23%)
Oklch
oklch(77.9% 0.054 89.0)

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

#E6C96B

Ginger · BurlyWood · Sunflower

HEX
#E6C96B
RGB
rgb(230, 201, 107)
HSL
hsl(46, 71%, 66%)
HSB
hsb(46, 53%, 90%)
CMYK
cmyk(0%, 13%, 53%, 10%)
Oklch
oklch(84.1% 0.119 92.6)

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

#ABAAA5

Ash · DarkGray · Silver Sand

HEX
#ABAAA5
RGB
rgb(171, 170, 165)
HSL
hsl(50, 3%, 66%)
HSB
hsb(50, 4%, 67%)
CMYK
cmyk(0%, 1%, 4%, 33%)
Oklch
oklch(73.7% 0.007 97.4)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#453C1F

Ochre · DarkOliveGreen · Amber Gold

HEX
#453C1F
RGB
rgb(69, 60, 31)
HSL
hsl(46, 38%, 20%)
HSB
hsb(46, 55%, 27%)
CMYK
cmyk(0%, 13%, 55%, 73%)
Oklch
oklch(35.8% 0.046 92.7)

Traditional「Ochre」· Paint「Amber Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E1D6B6
B7C1E1

Analogous

E1C1B7
E1D6B6
D7E1B7

Triadic

E1D6B6
B7E1D7
D7B7E1

Split-Comp.

E1D6B6
B7D7E1
C1B7E1

Tetradic

E1D6B6
B7E1C1
B7C1E1
E1B7D7

Contrast Matrix WCAG 2.1 Contrast

E1D6B6
C5B690
E6C96B
ABAAA5
453C1F
—
1.4
Fail
1.1
Fail
1.6
Fail
7.6
AAA
1.4
Fail
—
1.2
Fail
1.2
Fail
5.5
AA
1.1
Fail
1.2
Fail
—
1.4
Fail
6.7
AA
1.6
Fail
1.2
Fail
1.4
Fail
—
4.7
AA
7.6
AAA
5.5
AA
6.7
AA
4.7
AA
—
White BG
1.4Fail
2.0Fail
1.6Fail
2.3Fail
10.9AAA
Black BG
14.5AAA
10.5AAA
12.9AAA
9.0AAA
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

DCDCBE
BFBE99
D9D982
ABABA6
414126

Deuteranopia

DDDEC0
BFC09B
DBDD87
ABABA7
424228

Tritanopia

E0C4C5
C4A0A2
E59498
ABA7A7
452C2D

Achromatopsia

D6D6D6
B6B6B6
C7C7C7
AAAAAA
3B3B3B

Shades & Tints Shades & Tints

#E1D6B6

Dark
Light

#C5B690

Dark
Light

#E6C96B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e1d6b6;
  --color-2: #c5b690;
  --color-3: #e6c96b;
  --color-4: #abaaa5;
  --color-5: #453c1f;
}

SCSS

$color-1: #e1d6b6;
$color-2: #c5b690;
$color-3: #e6c96b;
$color-4: #abaaa5;
$color-5: #453c1f;

TAILWIND

colors: {
  'brand-1': '#e1d6b6',
  'brand-2': '#c5b690',
  'brand-3': '#e6c96b',
  'brand-4': '#abaaa5',
  'brand-5': '#453c1f',
}

RGB Array

[225, 214, 182], [197, 182, 144], [230, 201, 107], [171, 170, 165], [69, 60, 31]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E1D6B6, #C5B690, #E6C96B, #ABAAA5, #453C1F 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: #e1d6b6; --color-2: #c5b690; --color-3: #e6c96b; --color-4: #abaaa5; --color-5: #453c1f. 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