← Back to Editor

#D2D0E8 · #E43E42 · #806356 · #D0DDBB · #D2D03D

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

#D2D0E8

Wisteria · LightGray · Sky Blue

HEX
#D2D0E8
RGB
rgb(210, 208, 232)
HSL
hsl(245, 34%, 86%)
HSB
hsb(245, 10%, 91%)
CMYK
cmyk(9%, 10%, 0%, 9%)
Oklch
oklch(86.7% 0.033 289.5)

Traditional「Wisteria」· Paint「Sky Blue」· Creative Lavender Dream

#E43E42

Vermilion · Crimson · Passion Red

HEX
#E43E42
RGB
rgb(228, 62, 66)
HSL
hsl(359, 75%, 57%)
HSB
hsb(359, 73%, 89%)
CMYK
cmyk(0%, 73%, 71%, 11%)
Oklch
oklch(61.3% 0.202 24.3)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#806356

Tangerine · DimGray · Amber Brown

HEX
#806356
RGB
rgb(128, 99, 86)
HSL
hsl(19, 20%, 42%)
HSB
hsb(19, 33%, 50%)
CMYK
cmyk(0%, 23%, 33%, 50%)
Oklch
oklch(52.5% 0.043 45.3)

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

#D0DDBB

Willow Green · LightGray · Apple Green

HEX
#D0DDBB
RGB
rgb(208, 221, 187)
HSL
hsl(83, 33%, 80%)
HSB
hsb(83, 15%, 87%)
CMYK
cmyk(6%, 0%, 15%, 13%)
Oklch
oklch(87.9% 0.048 124.4)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#D2D03D

Autumn Sage · GoldenRod · Sunflower

HEX
#D2D03D
RGB
rgb(210, 208, 61)
HSL
hsl(59, 62%, 53%)
HSB
hsb(59, 71%, 82%)
CMYK
cmyk(0%, 1%, 71%, 18%)
Oklch
oklch(83.4% 0.161 108.7)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D2D0E8
E5E7CF

Analogous

CFD9E7
D2D0E8
DDCFE7

Triadic

D2D0E8
E7D1CF
CFE7D1

Split-Comp.

D2D0E8
E7DDCF
D9E7CF

Tetradic

D2D0E8
E7CFD9
E5E7CF
CFE7DD

Contrast Matrix WCAG 2.1 Contrast

D2D0E8
E43E42
806356
D0DDBB
D2D03D
—
2.7
Fail
3.6
AA Large
1.1
Fail
1.1
Fail
2.7
Fail
—
1.3
Fail
2.9
Fail
2.5
Fail
3.6
AA Large
1.3
Fail
—
3.8
AA Large
3.3
AA Large
1.1
Fail
2.9
Fail
3.8
AA Large
—
1.1
Fail
1.1
Fail
2.5
Fail
3.3
AA Large
1.1
Fail
—
White BG
1.5Fail
4.1AA Large
5.5AA
1.4Fail
1.6Fail
Black BG
13.9AAA
5.1AA
3.8AA Large
14.7AAA
12.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D1D1E2
9C9B41
737359
D6D6C3
D1D161

Deuteranopia

D1D1E1
A6B241
75775A
D5D4C5
D1D169

Tritanopia

D2DEDD
DC4040
7F5C5C
D1CACB
D27D83

Achromatopsia

D3D3D3
707070
6A6A6A
D5D5D5
C0C0C0

Shades & Tints Shades & Tints

#D2D0E8

Dark
Light

#E43E42

Dark
Light

#806356

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d2d0e8;
  --color-2: #e43e42;
  --color-3: #806356;
  --color-4: #d0ddbb;
  --color-5: #d2d03d;
}

SCSS

$color-1: #d2d0e8;
$color-2: #e43e42;
$color-3: #806356;
$color-4: #d0ddbb;
$color-5: #d2d03d;

TAILWIND

colors: {
  'brand-1': '#d2d0e8',
  'brand-2': '#e43e42',
  'brand-3': '#806356',
  'brand-4': '#d0ddbb',
  'brand-5': '#d2d03d',
}

RGB Array

[210, 208, 232], [228, 62, 66], [128, 99, 86], [208, 221, 187], [210, 208, 61]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D2D0E8, #E43E42, #806356, #D0DDBB, #D2D03D 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: #d2d0e8; --color-2: #e43e42; --color-3: #806356; --color-4: #d0ddbb; --color-5: #d2d03d. 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