← Back to Editor

#C6C2B7 · #B7BBBE · #9CACB9 · #87889A · #6D717C

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#C6C2B7

Goose Yellow · Silver · Sunflower

HEX
#C6C2B7
RGB
rgb(198, 194, 183)
HSL
hsl(44, 12%, 75%)
HSB
hsb(44, 8%, 78%)
CMYK
cmyk(0%, 2%, 8%, 22%)
Oklch
oklch(81.4% 0.016 90.3)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#B7BBBE

Silver Gray · Silver · Pearl Gray

HEX
#B7BBBE
RGB
rgb(183, 187, 190)
HSL
hsl(206, 5%, 73%)
HSB
hsb(206, 4%, 75%)
CMYK
cmyk(4%, 2%, 0%, 25%)
Oklch
oklch(79.0% 0.006 239.8)

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

#9CACB9

Sky Blue · DarkGray · Cobalt Blue

HEX
#9CACB9
RGB
rgb(156, 172, 185)
HSL
hsl(207, 17%, 67%)
HSB
hsb(207, 16%, 73%)
CMYK
cmyk(16%, 7%, 0%, 27%)
Oklch
oklch(73.6% 0.026 242.5)

Traditional「Sky Blue」· Paint「Cobalt Blue」· Creative Twilight Haze

#87889A

Azure · LightSlateGray · Silver Sand

HEX
#87889A
RGB
rgb(135, 136, 154)
HSL
hsl(237, 9%, 57%)
HSB
hsb(237, 12%, 60%)
CMYK
cmyk(12%, 12%, 0%, 40%)
Oklch
oklch(63.2% 0.027 283.1)

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

#6D717C

Ink Gray · DimGray · Warm Gray

HEX
#6D717C
RGB
rgb(109, 113, 124)
HSL
hsl(224, 6%, 46%)
HSB
hsb(224, 12%, 49%)
CMYK
cmyk(12%, 9%, 0%, 51%)
Oklch
oklch(54.9% 0.018 269.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C6C2B7
B8BCC7

Analogous

C7BBB8
C6C2B7
C3C7B8

Triadic

C6C2B7
B8C7C3
C3B8C7

Split-Comp.

C6C2B7
B8C3C7
BBB8C7

Tetradic

C6C2B7
B8C7BB
B8BCC7
C7B8C3

Contrast Matrix WCAG 2.1 Contrast

C6C2B7
B7BBBE
9CACB9
87889A
6D717C
—
1.1
Fail
1.3
Fail
2.0
Fail
2.7
Fail
1.1
Fail
—
1.2
Fail
1.8
Fail
2.5
Fail
1.3
Fail
1.2
Fail
—
1.5
Fail
2.1
Fail
2.0
Fail
1.8
Fail
1.5
Fail
—
1.4
Fail
2.7
Fail
2.5
Fail
2.1
Fail
1.4
Fail
—
White BG
1.8Fail
1.9Fail
2.3Fail
3.5AA Large
4.9AA
Black BG
11.8AAA
10.9AAA
9.0AAA
6.0AA
4.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

C4C4BA
B9B9BD
A3A3B6
878796
6F6F79

Deuteranopia

C5C5BA
B9B8BD
A2A1B5
878795
6F6E79

Tritanopia

C6BCBC
B7BDBD
9DB3B3
879291
6D7777

Achromatopsia

C2C2C2
BABABA
A9A9A9
8A8A8A
717171

Shades & Tints Shades & Tints

#C6C2B7

Dark
Light

#B7BBBE

Dark
Light

#9CACB9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c6c2b7;
  --color-2: #b7bbbe;
  --color-3: #9cacb9;
  --color-4: #87889a;
  --color-5: #6d717c;
}

SCSS

$color-1: #c6c2b7;
$color-2: #b7bbbe;
$color-3: #9cacb9;
$color-4: #87889a;
$color-5: #6d717c;

TAILWIND

colors: {
  'brand-1': '#c6c2b7',
  'brand-2': '#b7bbbe',
  'brand-3': '#9cacb9',
  'brand-4': '#87889a',
  'brand-5': '#6d717c',
}

RGB Array

[198, 194, 183], [183, 187, 190], [156, 172, 185], [135, 136, 154], [109, 113, 124]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C6C2B7, #B7BBBE, #9CACB9, #87889A, #6D717C is ideal for: brand design, premium product pages, magazine layouts. 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: #c6c2b7; --color-2: #b7bbbe; --color-3: #9cacb9; --color-4: #87889a; --color-5: #6d717c. 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. 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 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