← Back to Editor

#D1C7D9 · #D2ACE6 · #AD86D1 · #6E4991 · #26213F

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#D1C7D9

Lilac · LightGray · Lavender

HEX
#D1C7D9
RGB
rgb(209, 199, 217)
HSL
hsl(273, 19%, 82%)
HSB
hsb(273, 8%, 85%)
CMYK
cmyk(4%, 8%, 0%, 15%)
Oklch
oklch(84.3% 0.027 310.4)

Traditional「Lilac」· Paint「Lavender」· Creative Lavender Dream

#D2ACE6

Lilac · LightSteelBlue · Lilac Purple

HEX
#D2ACE6
RGB
rgb(210, 172, 230)
HSL
hsl(279, 54%, 79%)
HSB
hsb(279, 25%, 90%)
CMYK
cmyk(9%, 25%, 0%, 10%)
Oklch
oklch(79.7% 0.090 313.8)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

#AD86D1

Lilac · Orchid · Lilac Purple

HEX
#AD86D1
RGB
rgb(173, 134, 209)
HSL
hsl(271, 45%, 67%)
HSB
hsb(271, 36%, 82%)
CMYK
cmyk(17%, 36%, 0%, 18%)
Oklch
oklch(68.5% 0.115 307.5)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

#6E4991

Dark Plum · DarkSlateBlue · Violet

HEX
#6E4991
RGB
rgb(110, 73, 145)
HSL
hsl(271, 33%, 43%)
HSB
hsb(271, 50%, 57%)
CMYK
cmyk(24%, 50%, 0%, 43%)
Oklch
oklch(47.9% 0.118 306.2)

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

#26213F

Deep Indigo · DarkSlateGray · Deep Sea Blue

HEX
#26213F
RGB
rgb(38, 33, 63)
HSL
hsl(250, 31%, 19%)
HSB
hsb(250, 48%, 25%)
CMYK
cmyk(40%, 48%, 0%, 75%)
Oklch
oklch(26.9% 0.055 289.9)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D1C7D9
D0DAC8

Analogous

C9C8DA
D1C7D9
DAC8D9

Triadic

D1C7D9
DAD2C8
C8DAD2

Split-Comp.

D1C7D9
D9DAC8
C8DAC9

Tetradic

D1C7D9
DAC9C8
D0DAC8
C8D9DA

Contrast Matrix WCAG 2.1 Contrast

D1C7D9
D2ACE6
AD86D1
6E4991
26213F
—
1.2
Fail
1.8
Fail
4.3
AA Large
9.4
AAA
1.2
Fail
—
1.5
Fail
3.6
AA Large
7.9
AAA
1.8
Fail
1.5
Fail
—
2.3
Fail
5.2
AA
4.3
AA Large
3.6
AA Large
2.3
Fail
—
2.2
Fail
9.4
AAA
7.9
AAA
5.2
AA
2.2
Fail
—
White BG
1.6Fail
1.9Fail
3.0Fail
6.9AA
15.3AAA
Black BG
12.9AAA
10.8AAA
7.1AAA
3.0AA Large
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CDCDD5
C2C1D8
9C9CBF
5E5E80
242438

Deuteranopia

CDCED4
C4C7D5
9EA1BA
60637B
242536

Tritanopia

D0D1D0
D0CDCA
ABB1AD
6C726F
263231

Achromatopsia

CCCCCC
BEBEBE
9A9A9A
5C5C5C
262626

Shades & Tints Shades & Tints

#D1C7D9

Dark
Light

#D2ACE6

Dark
Light

#AD86D1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d1c7d9;
  --color-2: #d2ace6;
  --color-3: #ad86d1;
  --color-4: #6e4991;
  --color-5: #26213f;
}

SCSS

$color-1: #d1c7d9;
$color-2: #d2ace6;
$color-3: #ad86d1;
$color-4: #6e4991;
$color-5: #26213f;

TAILWIND

colors: {
  'brand-1': '#d1c7d9',
  'brand-2': '#d2ace6',
  'brand-3': '#ad86d1',
  'brand-4': '#6e4991',
  'brand-5': '#26213f',
}

RGB Array

[209, 199, 217], [210, 172, 230], [173, 134, 209], [110, 73, 145], [38, 33, 63]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D1C7D9, #D2ACE6, #AD86D1, #6E4991, #26213F 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: #d1c7d9; --color-2: #d2ace6; --color-3: #ad86d1; --color-4: #6e4991; --color-5: #26213f. 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