← Back to Editor

#D1C1B4 · #8E808F · #79758E · #606481 · #494D66

space

A 5-color space 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

#D1C1B4

Apricot · Silver · Peach Orange

HEX
#D1C1B4
RGB
rgb(209, 193, 180)
HSL
hsl(27, 24%, 76%)
HSB
hsb(27, 14%, 82%)
CMYK
cmyk(0%, 8%, 14%, 18%)
Oklch
oklch(82.1% 0.026 61.6)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#8E808F

Ash · Gray · Warm Gray

HEX
#8E808F
RGB
rgb(142, 128, 143)
HSL
hsl(296, 6%, 53%)
HSB
hsb(296, 10%, 56%)
CMYK
cmyk(1%, 10%, 0%, 44%)
Oklch
oklch(61.7% 0.028 323.9)

Traditional「Ash」· Paint「Warm Gray」· Creative Urban Concrete

#79758E

Deep Indigo · SlateGray · Navy Blue

HEX
#79758E
RGB
rgb(121, 117, 142)
HSL
hsl(250, 10%, 51%)
HSB
hsb(250, 18%, 56%)
CMYK
cmyk(15%, 18%, 0%, 44%)
Oklch
oklch(57.5% 0.038 292.5)

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

#606481

Indigo · DimGray · Navy Blue

HEX
#606481
RGB
rgb(96, 100, 129)
HSL
hsl(233, 15%, 44%)
HSB
hsb(233, 26%, 51%)
CMYK
cmyk(26%, 22%, 0%, 49%)
Oklch
oklch(51.1% 0.046 278.5)

Traditional「Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#494D66

Indigo · DarkSlateGray · Prussian Blue

HEX
#494D66
RGB
rgb(73, 77, 102)
HSL
hsl(232, 17%, 34%)
HSB
hsb(232, 28%, 40%)
CMYK
cmyk(28%, 25%, 0%, 60%)
Oklch
oklch(42.7% 0.042 277.4)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D1C1B4
B3C3D0

Analogous

D0B3B5
D1C1B4
D0CFB3

Triadic

D1C1B4
B3D0C0
C0B3D0

Split-Comp.

D1C1B4
B3D0CF
B3B5D0

Tetradic

D1C1B4
B5D0B3
B3C3D0
CFB3D0

Contrast Matrix WCAG 2.1 Contrast

D1C1B4
8E808F
79758E
606481
494D66
—
2.1
Fail
2.5
Fail
3.3
AA Large
4.7
AA
2.1
Fail
—
1.2
Fail
1.5
Fail
2.2
Fail
2.5
Fail
1.2
Fail
—
1.3
Fail
1.9
Fail
3.3
AA Large
1.5
Fail
1.3
Fail
—
1.4
Fail
4.7
AA
2.2
Fail
1.9
Fail
1.4
Fail
—
White BG
1.8Fail
3.7AA Large
4.4AA Large
5.8AA
8.3AAA
Black BG
12.0AAA
5.6AA
4.7AA
3.6AA Large
2.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CACAB7
88888B
777788
62627A
4B4B60

Deuteranopia

CBCCB8
898A8B
787887
626178
4B4A5E

Tritanopia

D0BABA
8D8988
798382
607473
495B5A

Achromatopsia

C4C4C4
868686
797979
666666
4F4F4F

Shades & Tints Shades & Tints

#D1C1B4

Dark
Light

#8E808F

Dark
Light

#79758E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d1c1b4;
  --color-2: #8e808f;
  --color-3: #79758e;
  --color-4: #606481;
  --color-5: #494d66;
}

SCSS

$color-1: #d1c1b4;
$color-2: #8e808f;
$color-3: #79758e;
$color-4: #606481;
$color-5: #494d66;

TAILWIND

colors: {
  'brand-1': '#d1c1b4',
  'brand-2': '#8e808f',
  'brand-3': '#79758e',
  'brand-4': '#606481',
  'brand-5': '#494d66',
}

RGB Array

[209, 193, 180], [142, 128, 143], [121, 117, 142], [96, 100, 129], [73, 77, 102]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #D1C1B4, #8E808F, #79758E, #606481, #494D66 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #d1c1b4; --color-2: #8e808f; --color-3: #79758e; --color-4: #606481; --color-5: #494d66. 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 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