← Back to Editor

#C6BBB7 · #BFBDB9 · #B8C0BA · #B1C2BC · #666867

dark

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

#C6BBB7

Apricot · Silver · Warm Sun

HEX
#C6BBB7
RGB
rgb(198, 187, 183)
HSL
hsl(16, 12%, 75%)
HSB
hsb(16, 8%, 78%)
CMYK
cmyk(0%, 6%, 8%, 22%)
Oklch
oklch(80.0% 0.014 41.2)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#BFBDB9

Silver Gray · Silver · Pearl Gray

HEX
#BFBDB9
RGB
rgb(191, 189, 185)
HSL
hsl(40, 4%, 74%)
HSB
hsb(40, 3%, 75%)
CMYK
cmyk(0%, 1%, 3%, 25%)
Oklch
oklch(79.9% 0.006 84.6)

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

#B8C0BA

Silver Gray · Silver · Pearl Gray

HEX
#B8C0BA
RGB
rgb(184, 192, 186)
HSL
hsl(135, 6%, 74%)
HSB
hsb(135, 4%, 75%)
CMYK
cmyk(4%, 0%, 3%, 25%)
Oklch
oklch(80.0% 0.012 153.6)

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

#B1C2BC

Jade · Silver · Apple Green

HEX
#B1C2BC
RGB
rgb(177, 194, 188)
HSL
hsl(159, 12%, 73%)
HSB
hsb(159, 9%, 76%)
CMYK
cmyk(9%, 0%, 3%, 24%)
Oklch
oklch(79.9% 0.020 172.6)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#666867

Ink Gray · DimGray · Charcoal

HEX
#666867
RGB
rgb(102, 104, 103)
HSL
hsl(150, 1%, 40%)
HSB
hsb(150, 2%, 41%)
CMYK
cmyk(2%, 0%, 1%, 59%)
Oklch
oklch(51.5% 0.003 165.0)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C6BBB7
B8C3C7

Analogous

C7B8BB
C6BBB7
C7C3B8

Triadic

C6BBB7
B8C7BC
BCB8C7

Split-Comp.

C6BBB7
B8C7C3
B8BBC7

Tetradic

C6BBB7
BBC7B8
B8C3C7
C3B8C7

Contrast Matrix WCAG 2.1 Contrast

C6BBB7
BFBDB9
B8C0BA
B1C2BC
666867
—
1.0
Fail
1.0
Fail
1.0
Fail
3.0
Fail
1.0
Fail
—
1.0
Fail
1.0
Fail
3.0
Fail
1.0
Fail
1.0
Fail
—
1.0
Fail
3.0
AA Large
1.0
Fail
1.0
Fail
1.0
Fail
—
3.0
AA Large
3.0
Fail
3.0
Fail
3.0
AA Large
3.0
AA Large
—
White BG
1.9Fail
1.9Fail
1.9Fail
1.9Fail
5.6AA
Black BG
11.2AAA
11.2AAA
11.3AAA
11.3AAA
3.7AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

C1C1B8
BEBEBA
BBBCBB
B8B9BD
676767

Deuteranopia

C2C3B8
BEBEBA
BBBABC
B7B6BE
676767

Tritanopia

C5B9B9
BFBBBB
B8BDBD
B2BFBF
666767

Achromatopsia

BEBEBE
BDBDBD
BDBDBD
BCBCBC
676767

Shades & Tints Shades & Tints

#C6BBB7

Dark
Light

#BFBDB9

Dark
Light

#B8C0BA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c6bbb7;
  --color-2: #bfbdb9;
  --color-3: #b8c0ba;
  --color-4: #b1c2bc;
  --color-5: #666867;
}

SCSS

$color-1: #c6bbb7;
$color-2: #bfbdb9;
$color-3: #b8c0ba;
$color-4: #b1c2bc;
$color-5: #666867;

TAILWIND

colors: {
  'brand-1': '#c6bbb7',
  'brand-2': '#bfbdb9',
  'brand-3': '#b8c0ba',
  'brand-4': '#b1c2bc',
  'brand-5': '#666867',
}

RGB Array

[198, 187, 183], [191, 189, 185], [184, 192, 186], [177, 194, 188], [102, 104, 103]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #C6BBB7, #BFBDB9, #B8C0BA, #B1C2BC, #666867 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: #c6bbb7; --color-2: #bfbdb9; --color-3: #b8c0ba; --color-4: #b1c2bc; --color-5: #666867. 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 dark-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