← Back to Editor

#E6D6BC · #E1B89D · #E39D99 · #C7678E · #4E4345

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

#E6D6BC

Goose Yellow · Wheat · Peach Orange

HEX
#E6D6BC
RGB
rgb(230, 214, 188)
HSL
hsl(37, 46%, 82%)
HSB
hsb(37, 18%, 90%)
CMYK
cmyk(0%, 7%, 18%, 10%)
Oklch
oklch(88.2% 0.039 80.0)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#E1B89D

Apricot · BurlyWood · Warm Sun

HEX
#E1B89D
RGB
rgb(225, 184, 157)
HSL
hsl(24, 53%, 75%)
HSB
hsb(24, 30%, 88%)
CMYK
cmyk(0%, 18%, 30%, 12%)
Oklch
oklch(81.2% 0.060 55.1)

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

#E39D99

Peach Pink · Tan · Coral Red

HEX
#E39D99
RGB
rgb(227, 157, 153)
HSL
hsl(3, 57%, 75%)
HSB
hsb(3, 33%, 89%)
CMYK
cmyk(0%, 31%, 33%, 11%)
Oklch
oklch(76.3% 0.084 22.9)

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

#C7678E

Dark Violet · LightCoral · Rose Pink

HEX
#C7678E
RGB
rgb(199, 103, 142)
HSL
hsl(336, 46%, 59%)
HSB
hsb(336, 48%, 78%)
CMYK
cmyk(0%, 48%, 29%, 22%)
Oklch
oklch(63.6% 0.129 355.7)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#4E4345

Crimson · DarkSlateGray · Charcoal

HEX
#4E4345
RGB
rgb(78, 67, 69)
HSL
hsl(349, 8%, 28%)
HSB
hsb(349, 14%, 31%)
CMYK
cmyk(0%, 14%, 12%, 69%)
Oklch
oklch(39.5% 0.015 5.4)

Traditional「Crimson」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E6D6BC
BCCCE6

Analogous

E6C1BC
E6D6BC
E1E6BC

Triadic

E6D6BC
BCE6D6
D6BCE6

Split-Comp.

E6D6BC
BCE1E6
C1BCE6

Tetradic

E6D6BC
BCE6C1
BCCCE6
E6BCE1

Contrast Matrix WCAG 2.1 Contrast

E6D6BC
E1B89D
E39D99
C7678E
4E4345
—
1.3
Fail
1.5
Fail
2.6
Fail
6.6
AA
1.3
Fail
—
1.2
Fail
2.0
Fail
5.2
AA
1.5
Fail
1.2
Fail
—
1.7
Fail
4.3
AA Large
2.6
Fail
2.0
Fail
1.7
Fail
—
2.6
Fail
6.6
AA
5.2
AA
4.3
AA Large
2.6
Fail
—
White BG
1.4Fail
1.8Fail
2.2Fail
3.6AA Large
9.5AAA
Black BG
14.7AAA
11.5AAA
9.5AAA
5.8AA
2.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

DFDFC2
CFCFA4
C5C49A
9D9D85
494945

Deuteranopia

E0E1C4
D2D5A5
C9CE9A
A3AA82
4A4B44

Tritanopia

E5C7C8
DFA9AA
DF9B9B
C27D7B
4D4444

Achromatopsia

D8D8D8
C1C1C1
B1B1B1
888888
474747

Shades & Tints Shades & Tints

#E6D6BC

Dark
Light

#E1B89D

Dark
Light

#E39D99

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e6d6bc;
  --color-2: #e1b89d;
  --color-3: #e39d99;
  --color-4: #c7678e;
  --color-5: #4e4345;
}

SCSS

$color-1: #e6d6bc;
$color-2: #e1b89d;
$color-3: #e39d99;
$color-4: #c7678e;
$color-5: #4e4345;

TAILWIND

colors: {
  'brand-1': '#e6d6bc',
  'brand-2': '#e1b89d',
  'brand-3': '#e39d99',
  'brand-4': '#c7678e',
  'brand-5': '#4e4345',
}

RGB Array

[230, 214, 188], [225, 184, 157], [227, 157, 153], [199, 103, 142], [78, 67, 69]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E6D6BC, #E1B89D, #E39D99, #C7678E, #4E4345 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: #e6d6bc; --color-2: #e1b89d; --color-3: #e39d99; --color-4: #c7678e; --color-5: #4e4345. 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