← Back to Editor

#DCD4D5 · #C9C5C9 · #B6B5BD · #A3A6B0 · #9096A4

skin

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#DCD4D5

Peach Pink · LightGray · Cherry Blossom

HEX
#DCD4D5
RGB
rgb(220, 212, 213)
HSL
hsl(353, 10%, 85%)
HSB
hsb(353, 4%, 86%)
CMYK
cmyk(0%, 4%, 3%, 14%)
Oklch
oklch(87.7% 0.009 8.6)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#C9C5C9

Silver Gray · Silver · Pearl Gray

HEX
#C9C5C9
RGB
rgb(201, 197, 201)
HSL
hsl(300, 4%, 78%)
HSB
hsb(300, 2%, 79%)
CMYK
cmyk(0%, 2%, 0%, 21%)
Oklch
oklch(82.8% 0.007 325.6)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

#B6B5BD

Silver Gray · Silver · Pearl Gray

HEX
#B6B5BD
RGB
rgb(182, 181, 189)
HSL
hsl(248, 6%, 73%)
HSB
hsb(248, 4%, 74%)
CMYK
cmyk(4%, 4%, 0%, 26%)
Oklch
oklch(77.6% 0.011 291.9)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

#A3A6B0

Azure · DarkGray · Silver Sand

HEX
#A3A6B0
RGB
rgb(163, 166, 176)
HSL
hsl(226, 8%, 66%)
HSB
hsb(226, 7%, 69%)
CMYK
cmyk(7%, 6%, 0%, 31%)
Oklch
oklch(72.6% 0.015 272.6)

Traditional「Azure」· Paint「Silver Sand」· Creative Urban Concrete

#9096A4

Azure · LightSlateGray · Navy Blue

HEX
#9096A4
RGB
rgb(144, 150, 164)
HSL
hsl(222, 10%, 60%)
HSB
hsb(222, 12%, 64%)
CMYK
cmyk(12%, 9%, 0%, 36%)
Oklch
oklch(67.3% 0.022 267.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DCD4D5
D5DDDC

Analogous

DDD5DA
DCD4D5
DDD8D5

Triadic

DCD4D5
D6DDD5
D5D6DD

Split-Comp.

DCD4D5
D5DDD8
D5DADD

Tetradic

DCD4D5
DADDD5
D5DDDC
D8D5DD

Contrast Matrix WCAG 2.1 Contrast

DCD4D5
C9C5C9
B6B5BD
A3A6B0
9096A4
—
1.2
Fail
1.4
Fail
1.7
Fail
2.0
Fail
1.2
Fail
—
1.2
Fail
1.4
Fail
1.7
Fail
1.4
Fail
1.2
Fail
—
1.2
Fail
1.5
Fail
1.7
Fail
1.4
Fail
1.2
Fail
—
1.2
Fail
2.0
Fail
1.7
Fail
1.5
Fail
1.2
Fail
—
White BG
1.5Fail
1.7Fail
2.0Fail
2.4Fail
3.0Fail
Black BG
14.4AAA
12.3AAA
10.3AAA
8.6AAA
7.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D9D8D5
C7C7C8
B6B6BB
A4A4AE
9393A1

Deuteranopia

D9DAD5
C8C8C8
B6B6BB
A4A4AD
9292A0

Tritanopia

DCD5D5
C9C7C7
B6BAB9
A3ACAB
909E9D

Achromatopsia

D7D7D7
C7C7C7
B6B6B6
A6A6A6
969696

Shades & Tints Shades & Tints

#DCD4D5

Dark
Light

#C9C5C9

Dark
Light

#B6B5BD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dcd4d5;
  --color-2: #c9c5c9;
  --color-3: #b6b5bd;
  --color-4: #a3a6b0;
  --color-5: #9096a4;
}

SCSS

$color-1: #dcd4d5;
$color-2: #c9c5c9;
$color-3: #b6b5bd;
$color-4: #a3a6b0;
$color-5: #9096a4;

TAILWIND

colors: {
  'brand-1': '#dcd4d5',
  'brand-2': '#c9c5c9',
  'brand-3': '#b6b5bd',
  'brand-4': '#a3a6b0',
  'brand-5': '#9096a4',
}

RGB Array

[220, 212, 213], [201, 197, 201], [182, 181, 189], [163, 166, 176], [144, 150, 164]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This skin-style palette of #DCD4D5, #C9C5C9, #B6B5BD, #A3A6B0, #9096A4 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: #dcd4d5; --color-2: #c9c5c9; --color-3: #b6b5bd; --color-4: #a3a6b0; --color-5: #9096a4. 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 skin-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