← Back to Editor

#CF95AF · #DBDBDB · #BFBABD · #B88197 · #695B6A

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#CF95AF

Rouge · DarkGray · Rose Pink

HEX
#CF95AF
RGB
rgb(207, 149, 175)
HSL
hsl(333, 38%, 70%)
HSB
hsb(333, 28%, 81%)
CMYK
cmyk(0%, 28%, 15%, 19%)
Oklch
oklch(73.3% 0.077 350.6)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#DBDBDB

Plain White · LightGray · Cloud White

HEX
#DBDBDB
RGB
rgb(219, 219, 219)
HSL
hsl(0, 0%, 86%)
HSB
hsb(0, 0%, 86%)
CMYK
cmyk(0%, 0%, 0%, 14%)
Oklch
oklch(89.1% 0.000 89.9)

Traditional「Plain White」· Paint「Cloud White」· Creative Silver Lining

#BFBABD

Silver Gray · Silver · Pearl Gray

HEX
#BFBABD
RGB
rgb(191, 186, 189)
HSL
hsl(324, 4%, 74%)
HSB
hsb(324, 3%, 75%)
CMYK
cmyk(0%, 3%, 1%, 25%)
Oklch
oklch(79.4% 0.007 340.4)

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

#B88197

Rouge · DarkGray · Rose Pink

HEX
#B88197
RGB
rgb(184, 129, 151)
HSL
hsl(336, 28%, 61%)
HSB
hsb(336, 30%, 72%)
CMYK
cmyk(0%, 30%, 18%, 28%)
Oklch
oklch(66.5% 0.074 353.6)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#695B6A

Dark Plum · DimGray · Charcoal

HEX
#695B6A
RGB
rgb(105, 91, 106)
HSL
hsl(296, 8%, 39%)
HSB
hsb(296, 14%, 42%)
CMYK
cmyk(1%, 14%, 0%, 58%)
Oklch
oklch(49.0% 0.029 323.9)

Traditional「Dark Plum」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CF95AF
95D0B5

Analogous

D095CD
CF95AF
D09895

Triadic

CF95AF
B0D095
95B0D0

Split-Comp.

CF95AF
95D098
95CDD0

Tetradic

CF95AF
CDD095
95D0B5
9895D0

Contrast Matrix WCAG 2.1 Contrast

CF95AF
DBDBDB
BFBABD
B88197
695B6A
—
1.8
Fail
1.3
Fail
1.3
Fail
2.6
Fail
1.8
Fail
—
1.4
Fail
2.3
Fail
4.6
AA
1.3
Fail
1.4
Fail
—
1.7
Fail
3.3
AA Large
1.3
Fail
2.3
Fail
1.7
Fail
—
2.0
Fail
2.6
Fail
4.6
AA
3.3
AA Large
2.0
Fail
—
White BG
2.5Fail
1.4Fail
1.9Fail
3.2AA Large
6.4AA
Black BG
8.6AAA
15.2AAA
11.0AAA
6.6AA
3.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

B6B5A9
DBDBDB
BDBDBC
A0A092
636366

Deuteranopia

B9BEA7
DBDBDB
BDBEBC
A3A790
646565

Tritanopia

CCA4A3
DBDBDB
BFBCBC
B58D8D
686463

Achromatopsia

A9A9A9
DBDBDB
BCBCBC
949494
616161

Shades & Tints Shades & Tints

#CF95AF

Dark
Light

#DBDBDB

Dark
Light

#BFBABD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cf95af;
  --color-2: #dbdbdb;
  --color-3: #bfbabd;
  --color-4: #b88197;
  --color-5: #695b6a;
}

SCSS

$color-1: #cf95af;
$color-2: #dbdbdb;
$color-3: #bfbabd;
$color-4: #b88197;
$color-5: #695b6a;

TAILWIND

colors: {
  'brand-1': '#cf95af',
  'brand-2': '#dbdbdb',
  'brand-3': '#bfbabd',
  'brand-4': '#b88197',
  'brand-5': '#695b6a',
}

RGB Array

[207, 149, 175], [219, 219, 219], [191, 186, 189], [184, 129, 151], [105, 91, 106]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CF95AF, #DBDBDB, #BFBABD, #B88197, #695B6A is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs, 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: #cf95af; --color-2: #dbdbdb; --color-3: #bfbabd; --color-4: #b88197; --color-5: #695b6a. 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. 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 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