← Back to Editor

#DDCCDE · #A9B8C2 · #8BA49F · #967FAD · #796E85

space

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#DDCCDE

Lilac · LightGray · Lavender

HEX
#DDCCDE
RGB
rgb(221, 204, 222)
HSL
hsl(297, 21%, 84%)
HSB
hsb(297, 8%, 87%)
CMYK
cmyk(0%, 8%, 0%, 13%)
Oklch
oklch(86.4% 0.031 324.2)

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

#A9B8C2

Sky Blue · Silver · Cobalt Blue

HEX
#A9B8C2
RGB
rgb(169, 184, 194)
HSL
hsl(204, 17%, 71%)
HSB
hsb(204, 13%, 76%)
CMYK
cmyk(13%, 5%, 0%, 24%)
Oklch
oklch(77.4% 0.022 236.9)

Traditional「Sky Blue」· Paint「Cobalt Blue」· Creative Twilight Haze

#8BA49F

Mineral Blue · DarkSeaGreen · Lake Green

HEX
#8BA49F
RGB
rgb(139, 164, 159)
HSL
hsl(168, 12%, 59%)
HSB
hsb(168, 15%, 64%)
CMYK
cmyk(15%, 0%, 3%, 36%)
Oklch
oklch(69.8% 0.029 182.0)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#967FAD

Dark Plum · LightSlateGray · Violet

HEX
#967FAD
RGB
rgb(150, 127, 173)
HSL
hsl(270, 22%, 59%)
HSB
hsb(270, 27%, 68%)
CMYK
cmyk(13%, 27%, 0%, 32%)
Oklch
oklch(63.4% 0.072 307.2)

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

#796E85

Deep Indigo · Gray · Warm Gray

HEX
#796E85
RGB
rgb(121, 110, 133)
HSL
hsl(269, 9%, 48%)
HSB
hsb(269, 17%, 52%)
CMYK
cmyk(9%, 17%, 0%, 48%)
Oklch
oklch(55.6% 0.037 306.8)

Traditional「Deep Indigo」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DDCCDE
CEDFCE

Analogous

D5CEDF
DDCCDE
DFCED7

Triadic

DDCCDE
DFDECE
CEDFDE

Split-Comp.

DDCCDE
D7DFCE
CEDFD5

Tetradic

DDCCDE
DFD5CE
CEDFCE
CED7DF

Contrast Matrix WCAG 2.1 Contrast

DDCCDE
A9B8C2
8BA49F
967FAD
796E85
—
1.3
Fail
1.7
Fail
2.3
Fail
3.1
AA Large
1.3
Fail
—
1.3
Fail
1.7
Fail
2.4
Fail
1.7
Fail
1.3
Fail
—
1.3
Fail
1.8
Fail
2.3
Fail
1.7
Fail
1.3
Fail
—
1.4
Fail
3.1
AA Large
2.4
Fail
1.8
Fail
1.4
Fail
—
White BG
1.5Fail
2.0Fail
2.7Fail
3.5AA Large
4.8AA
Black BG
13.8AAA
10.3AAA
7.9AAA
5.9AA
4.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

D6D5DA
AFB0C0
9696A0
8C8CA2
74747F

Deuteranopia

D7D8D9
AFAEBF
9493A1
8D8F9F
75767E

Tritanopia

DCD6D5
AABEBD
8CA1A1
959997
787B7A

Achromatopsia

D3D3D3
B5B5B5
9C9C9C
8B8B8B
747474

Shades & Tints Shades & Tints

#DDCCDE

Dark
Light

#A9B8C2

Dark
Light

#8BA49F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ddccde;
  --color-2: #a9b8c2;
  --color-3: #8ba49f;
  --color-4: #967fad;
  --color-5: #796e85;
}

SCSS

$color-1: #ddccde;
$color-2: #a9b8c2;
$color-3: #8ba49f;
$color-4: #967fad;
$color-5: #796e85;

TAILWIND

colors: {
  'brand-1': '#ddccde',
  'brand-2': '#a9b8c2',
  'brand-3': '#8ba49f',
  'brand-4': '#967fad',
  'brand-5': '#796e85',
}

RGB Array

[221, 204, 222], [169, 184, 194], [139, 164, 159], [150, 127, 173], [121, 110, 133]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #DDCCDE, #A9B8C2, #8BA49F, #967FAD, #796E85 is ideal for: brand design, premium product pages, magazine layouts. 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: #ddccde; --color-2: #a9b8c2; --color-3: #8ba49f; --color-4: #967fad; --color-5: #796e85. 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. 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 space-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco 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