← Back to Editor

#D6CDBE · #ECAE03 · #AE8F61 · #5E1D93 · #471787

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

#D6CDBE

Goose Yellow · LightGray · Peach Orange

HEX
#D6CDBE
RGB
rgb(214, 205, 190)
HSL
hsl(38, 23%, 79%)
HSB
hsb(38, 11%, 84%)
CMYK
cmyk(0%, 4%, 11%, 16%)
Oklch
oklch(85.1% 0.023 80.7)

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

#ECAE03

Ochre · Orange · Honey Gold

HEX
#ECAE03
RGB
rgb(236, 174, 3)
HSL
hsl(44, 97%, 47%)
HSB
hsb(44, 99%, 93%)
CMYK
cmyk(0%, 26%, 99%, 7%)
Oklch
oklch(78.8% 0.162 82.6)

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

#AE8F61

Ginger · Gray · Warm Sun

HEX
#AE8F61
RGB
rgb(174, 143, 97)
HSL
hsl(36, 32%, 53%)
HSB
hsb(36, 44%, 68%)
CMYK
cmyk(0%, 18%, 44%, 32%)
Oklch
oklch(66.8% 0.073 76.9)

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

#5E1D93

Royal Purple · DarkSlateBlue · Eggplant

HEX
#5E1D93
RGB
rgb(94, 29, 147)
HSL
hsl(273, 67%, 35%)
HSB
hsb(273, 80%, 58%)
CMYK
cmyk(36%, 80%, 0%, 42%)
Oklch
oklch(40.0% 0.179 304.1)

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

#471787

Deep Indigo · DarkSlateBlue · Eggplant

HEX
#471787
RGB
rgb(71, 23, 135)
HSL
hsl(266, 71%, 31%)
HSB
hsb(266, 83%, 53%)
CMYK
cmyk(47%, 83%, 0%, 47%)
Oklch
oklch(35.4% 0.168 295.7)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D6CDBE
BDC6D6

Analogous

D6C0BD
D6CDBE
D2D6BD

Triadic

D6CDBE
BDD6CD
CDBDD6

Split-Comp.

D6CDBE
BDD2D6
C0BDD6

Tetradic

D6CDBE
BDD6C0
BDC6D6
D6BDD2

Contrast Matrix WCAG 2.1 Contrast

D6CDBE
ECAE03
AE8F61
5E1D93
471787
—
1.3
Fail
1.9
Fail
6.4
AA
7.7
AAA
1.3
Fail
—
1.5
Fail
5.1
AA
6.1
AA
1.9
Fail
1.5
Fail
—
3.3
AA Large
4.0
AA Large
6.4
AA
5.1
AA
3.3
AA Large
—
1.2
Fail
7.7
AAA
6.1
AA
4.0
AA Large
1.2
Fail
—
White BG
1.6Fail
2.0Fail
3.0AA Large
10.1AAA
12.1AAA
Black BG
13.3AAA
10.6AAA
6.9AA
2.1Fail
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D2D2C2
D1D12C
A1A06C
424176
32326C

Deuteranopia

D3D3C3
D5D936
A2A56F
464B70
353965

Tritanopia

D6C4C5
E94D54
AC7577
5B605B
455752

Achromatopsia

CECECE
ADADAD
939393
3E3E3E
323232

Shades & Tints Shades & Tints

#D6CDBE

Dark
Light

#ECAE03

Dark
Light

#AE8F61

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d6cdbe;
  --color-2: #ecae03;
  --color-3: #ae8f61;
  --color-4: #5e1d93;
  --color-5: #471787;
}

SCSS

$color-1: #d6cdbe;
$color-2: #ecae03;
$color-3: #ae8f61;
$color-4: #5e1d93;
$color-5: #471787;

TAILWIND

colors: {
  'brand-1': '#d6cdbe',
  'brand-2': '#ecae03',
  'brand-3': '#ae8f61',
  'brand-4': '#5e1d93',
  'brand-5': '#471787',
}

RGB Array

[214, 205, 190], [236, 174, 3], [174, 143, 97], [94, 29, 147], [71, 23, 135]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D6CDBE, #ECAE03, #AE8F61, #5E1D93, #471787 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: #d6cdbe; --color-2: #ecae03; --color-3: #ae8f61; --color-4: #5e1d93; --color-5: #471787. 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