← Back to Editor

#D8DAC6 · #CBC5D9 · #AB91BD · #BC79BD · #9D419E

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D8DAC6

Fresh Green · LightGray · Lemon Cream

HEX
#D8DAC6
RGB
rgb(216, 218, 198)
HSL
hsl(66, 21%, 82%)
HSB
hsb(66, 9%, 85%)
CMYK
cmyk(1%, 0%, 9%, 15%)
Oklch
oklch(88.1% 0.027 111.6)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#CBC5D9

Wisteria · LightGray · Sky Blue

HEX
#CBC5D9
RGB
rgb(203, 197, 217)
HSL
hsl(258, 21%, 81%)
HSB
hsb(258, 9%, 85%)
CMYK
cmyk(6%, 9%, 0%, 15%)
Oklch
oklch(83.4% 0.028 299.5)

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

#AB91BD

Lilac · DarkGray · Lilac Purple

HEX
#AB91BD
RGB
rgb(171, 145, 189)
HSL
hsl(275, 25%, 65%)
HSB
hsb(275, 23%, 74%)
CMYK
cmyk(10%, 23%, 0%, 26%)
Oklch
oklch(69.5% 0.069 311.2)

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

#BC79BD

Lilac · Orchid · Lilac Purple

HEX
#BC79BD
RGB
rgb(188, 121, 189)
HSL
hsl(299, 34%, 61%)
HSB
hsb(299, 36%, 74%)
CMYK
cmyk(1%, 36%, 0%, 26%)
Oklch
oklch(66.9% 0.123 326.3)

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

#9D419E

Dark Plum · DarkOrchid · Violet

HEX
#9D419E
RGB
rgb(157, 65, 158)
HSL
hsl(299, 42%, 44%)
HSB
hsb(299, 59%, 62%)
CMYK
cmyk(1%, 59%, 0%, 38%)
Oklch
oklch(53.3% 0.168 327.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D8DAC6
C9C7DB

Analogous

DBD3C7
D8DAC6
CFDBC7

Triadic

D8DAC6
C7D9DB
DBC7D9

Split-Comp.

D8DAC6
C7CFDB
D3C7DB

Tetradic

D8DAC6
C7DBD3
C9C7DB
DBC7CF

Contrast Matrix WCAG 2.1 Contrast

D8DAC6
CBC5D9
AB91BD
BC79BD
9D419E
—
1.2
Fail
2.0
Fail
2.2
Fail
4.0
AA Large
1.2
Fail
—
1.7
Fail
1.9
Fail
3.4
AA Large
2.0
Fail
1.7
Fail
—
1.1
Fail
2.0
Fail
2.2
Fail
1.9
Fail
1.1
Fail
—
1.8
Fail
4.0
AA Large
3.4
AA Large
2.0
Fail
1.8
Fail
—
White BG
1.4Fail
1.7Fail
2.8Fail
3.2AA Large
5.7AA
Black BG
14.8AAA
12.5AAA
7.5AAA
6.6AA
3.7AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

D9D9CB
C8C8D4
A0A0B2
9F9EAD
757487

Deuteranopia

D9D9CC
C9C9D3
A1A3B0
A3A8A9
7B8182

Tritanopia

D8CFD0
CBD0D0
AAAAA8
B9A09D
987672

Achromatopsia

D7D7D7
C9C9C9
9E9E9E
959595
676767

Shades & Tints Shades & Tints

#D8DAC6

Dark
Light

#CBC5D9

Dark
Light

#AB91BD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d8dac6;
  --color-2: #cbc5d9;
  --color-3: #ab91bd;
  --color-4: #bc79bd;
  --color-5: #9d419e;
}

SCSS

$color-1: #d8dac6;
$color-2: #cbc5d9;
$color-3: #ab91bd;
$color-4: #bc79bd;
$color-5: #9d419e;

TAILWIND

colors: {
  'brand-1': '#d8dac6',
  'brand-2': '#cbc5d9',
  'brand-3': '#ab91bd',
  'brand-4': '#bc79bd',
  'brand-5': '#9d419e',
}

RGB Array

[216, 218, 198], [203, 197, 217], [171, 145, 189], [188, 121, 189], [157, 65, 158]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D8DAC6, #CBC5D9, #AB91BD, #BC79BD, #9D419E is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #d8dac6; --color-2: #cbc5d9; --color-3: #ab91bd; --color-4: #bc79bd; --color-5: #9d419e. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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