← Back to Editor

#D9BFB0 · #DCB8B1 · #DBADAB · #BBA0A6 · #8A979D

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

#D9BFB0

Apricot · Silver · Peach Orange

HEX
#D9BFB0
RGB
rgb(217, 191, 176)
HSL
hsl(22, 35%, 77%)
HSB
hsb(22, 19%, 85%)
CMYK
cmyk(0%, 12%, 19%, 15%)
Oklch
oklch(82.3% 0.036 51.9)

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

#DCB8B1

Peach Pink · Silver · Coral Red

HEX
#DCB8B1
RGB
rgb(220, 184, 177)
HSL
hsl(10, 38%, 78%)
HSB
hsb(10, 20%, 86%)
CMYK
cmyk(0%, 16%, 20%, 14%)
Oklch
oklch(81.2% 0.043 30.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#DBADAB

Peach Pink · Tan · Coral Red

HEX
#DBADAB
RGB
rgb(219, 173, 171)
HSL
hsl(3, 40%, 76%)
HSB
hsb(3, 22%, 86%)
CMYK
cmyk(0%, 21%, 22%, 14%)
Oklch
oklch(78.9% 0.054 21.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#BBA0A6

Peach Pink · DarkGray · Coral Red

HEX
#BBA0A6
RGB
rgb(187, 160, 166)
HSL
hsl(347, 17%, 68%)
HSB
hsb(347, 14%, 73%)
CMYK
cmyk(0%, 14%, 11%, 27%)
Oklch
oklch(73.1% 0.033 2.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#8A979D

Slate Blue · LightSlateGray · Silver Sand

HEX
#8A979D
RGB
rgb(138, 151, 157)
HSL
hsl(199, 9%, 58%)
HSB
hsb(199, 12%, 62%)
CMYK
cmyk(12%, 4%, 0%, 38%)
Oklch
oklch(66.8% 0.017 227.1)

Traditional「Slate Blue」· Paint「Silver Sand」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D9BFB0
B0CAD9

Analogous

D9B0B5
D9BFB0
D9D3B0

Triadic

D9BFB0
B0D9BF
BFB0D9

Split-Comp.

D9BFB0
B0D9D3
B0B5D9

Tetradic

D9BFB0
B5D9B0
B0CAD9
D3B0D9

Contrast Matrix WCAG 2.1 Contrast

D9BFB0
DCB8B1
DBADAB
BBA0A6
8A979D
—
1.0
Fail
1.1
Fail
1.4
Fail
1.7
Fail
1.0
Fail
—
1.1
Fail
1.3
Fail
1.6
Fail
1.1
Fail
1.1
Fail
—
1.2
Fail
1.5
Fail
1.4
Fail
1.3
Fail
1.2
Fail
—
1.2
Fail
1.7
Fail
1.6
Fail
1.5
Fail
1.2
Fail
—
White BG
1.7Fail
1.8Fail
2.0Fail
2.4Fail
3.0AA Large
Black BG
12.0AAA
11.5AAA
10.6AAA
8.7AAA
7.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CECEB4
CCCCB3
C7C7AB
AFAFA5
90909C

Deuteranopia

CFD1B5
CFD1B3
CACDAC
B1B3A4
8F8E9B

Tritanopia

D8B6B7
DAB4B4
D9ACAC
BAA3A3
8B9A9A

Achromatopsia

C5C5C5
C2C2C2
BBBBBB
A9A9A9
949494

Shades & Tints Shades & Tints

#D9BFB0

Dark
Light

#DCB8B1

Dark
Light

#DBADAB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d9bfb0;
  --color-2: #dcb8b1;
  --color-3: #dbadab;
  --color-4: #bba0a6;
  --color-5: #8a979d;
}

SCSS

$color-1: #d9bfb0;
$color-2: #dcb8b1;
$color-3: #dbadab;
$color-4: #bba0a6;
$color-5: #8a979d;

TAILWIND

colors: {
  'brand-1': '#d9bfb0',
  'brand-2': '#dcb8b1',
  'brand-3': '#dbadab',
  'brand-4': '#bba0a6',
  'brand-5': '#8a979d',
}

RGB Array

[217, 191, 176], [220, 184, 177], [219, 173, 171], [187, 160, 166], [138, 151, 157]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D9BFB0, #DCB8B1, #DBADAB, #BBA0A6, #8A979D 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: #d9bfb0; --color-2: #dcb8b1; --color-3: #dbadab; --color-4: #bba0a6; --color-5: #8a979d. 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