← Back to Editor

#E6CDB7 · #95659B · #DAB58C · #2A0F3D · #8B3A0F

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

#E6CDB7

Apricot · Wheat · Peach Orange

HEX
#E6CDB7
RGB
rgb(230, 205, 183)
HSL
hsl(28, 48%, 81%)
HSB
hsb(28, 20%, 90%)
CMYK
cmyk(0%, 11%, 20%, 10%)
Oklch
oklch(86.3% 0.041 63.6)

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

#95659B

Dark Plum · Gray · Violet

HEX
#95659B
RGB
rgb(149, 101, 155)
HSL
hsl(293, 21%, 50%)
HSB
hsb(293, 35%, 61%)
CMYK
cmyk(4%, 35%, 0%, 39%)
Oklch
oklch(57.7% 0.098 322.8)

Traditional「Dark Plum」· Paint「Violet」· Creative Blush Sunrise

#DAB58C

Ginger · BurlyWood · Warm Sun

HEX
#DAB58C
RGB
rgb(218, 181, 140)
HSL
hsl(32, 51%, 70%)
HSB
hsb(32, 36%, 85%)
CMYK
cmyk(0%, 17%, 36%, 15%)
Oklch
oklch(79.6% 0.069 69.4)

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

#2A0F3D

Royal Purple · MidnightBlue · Dark Purple

HEX
#2A0F3D
RGB
rgb(42, 15, 61)
HSL
hsl(275, 61%, 15%)
HSB
hsb(275, 75%, 24%)
CMYK
cmyk(31%, 75%, 0%, 76%)
Oklch
oklch(23.7% 0.086 308.1)

Traditional「Royal Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#8B3A0F

Tangerine · Brown · Amber Brown

HEX
#8B3A0F
RGB
rgb(139, 58, 15)
HSL
hsl(21, 81%, 30%)
HSB
hsb(21, 89%, 55%)
CMYK
cmyk(0%, 58%, 89%, 45%)
Oklch
oklch(45.3% 0.122 44.0)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E6CDB7
B7D0E6

Analogous

E6B7B9
E6CDB7
E6E4B7

Triadic

E6CDB7
B7E6CD
CDB7E6

Split-Comp.

E6CDB7
B7E6E4
B7B9E6

Tetradic

E6CDB7
B9E6B7
B7D0E6
E4B7E6

Contrast Matrix WCAG 2.1 Contrast

E6CDB7
95659B
DAB58C
2A0F3D
8B3A0F
—
3.0
Fail
1.3
Fail
11.2
AAA
5.1
AA
3.0
Fail
—
2.4
Fail
3.7
AA Large
1.7
Fail
1.3
Fail
2.4
Fail
—
8.9
AAA
4.0
AA Large
11.2
AAA
3.7
AA Large
8.9
AAA
—
2.2
Fail
5.1
AA
1.7
Fail
4.0
AA Large
2.2
Fail
—
White BG
1.5Fail
4.6AA
1.9Fail
17.0AAA
7.7AAA
Black BG
13.8AAA
4.6AA
11.0AAA
1.2Fail
2.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

DBDBBC
80808E
CACA96
1E1E32
686719

Deuteranopia

DDDFBE
83878B
CCCF98
20222F
6D731C

Tritanopia

E5C1C1
938481
D89E9F
292927
872223

Achromatopsia

D2D2D2
7A7A7A
BBBBBB
1C1C1C
4D4D4D

Shades & Tints Shades & Tints

#E6CDB7

Dark
Light

#95659B

Dark
Light

#DAB58C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e6cdb7;
  --color-2: #95659b;
  --color-3: #dab58c;
  --color-4: #2a0f3d;
  --color-5: #8b3a0f;
}

SCSS

$color-1: #e6cdb7;
$color-2: #95659b;
$color-3: #dab58c;
$color-4: #2a0f3d;
$color-5: #8b3a0f;

TAILWIND

colors: {
  'brand-1': '#e6cdb7',
  'brand-2': '#95659b',
  'brand-3': '#dab58c',
  'brand-4': '#2a0f3d',
  'brand-5': '#8b3a0f',
}

RGB Array

[230, 205, 183], [149, 101, 155], [218, 181, 140], [42, 15, 61], [139, 58, 15]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E6CDB7, #95659B, #DAB58C, #2A0F3D, #8B3A0F 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: #e6cdb7; --color-2: #95659b; --color-3: #dab58c; --color-4: #2a0f3d; --color-5: #8b3a0f. 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