← Back to Editor

#C8BBAE · #C4ABA9 · #C79BA1 · #A5949B · #607E8B

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

#C8BBAE

Goose Yellow · Silver · Warm Sun

HEX
#C8BBAE
RGB
rgb(200, 187, 174)
HSL
hsl(30, 19%, 73%)
HSB
hsb(30, 13%, 78%)
CMYK
cmyk(0%, 7%, 13%, 22%)
Oklch
oklch(79.9% 0.023 67.5)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#C4ABA9

Peach Pink · DarkGray · Coral Red

HEX
#C4ABA9
RGB
rgb(196, 171, 169)
HSL
hsl(4, 19%, 72%)
HSB
hsb(4, 14%, 77%)
CMYK
cmyk(0%, 13%, 14%, 23%)
Oklch
oklch(76.2% 0.029 23.3)

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

#C79BA1

Peach Pink · DarkGray · Coral Red

HEX
#C79BA1
RGB
rgb(199, 155, 161)
HSL
hsl(352, 28%, 69%)
HSB
hsb(352, 22%, 78%)
CMYK
cmyk(0%, 22%, 19%, 22%)
Oklch
oklch(73.2% 0.053 9.3)

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

#A5949B

Rouge · DarkGray · Silver Sand

HEX
#A5949B
RGB
rgb(165, 148, 155)
HSL
hsl(335, 9%, 61%)
HSB
hsb(335, 10%, 65%)
CMYK
cmyk(0%, 10%, 6%, 35%)
Oklch
oklch(68.4% 0.022 350.8)

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

#607E8B

Slate Blue · SlateGray · Mint Ice

HEX
#607E8B
RGB
rgb(96, 126, 139)
HSL
hsl(198, 18%, 46%)
HSB
hsb(198, 31%, 55%)
CMYK
cmyk(31%, 9%, 0%, 45%)
Oklch
oklch(57.5% 0.040 226.3)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C8BBAE
ADBAC7

Analogous

C7ADAD
C8BBAE
C7C7AD

Triadic

C8BBAE
ADC7BA
BAADC7

Split-Comp.

C8BBAE
ADC7C7
ADADC7

Tetradic

C8BBAE
ADC7AD
ADBAC7
C7ADC7

Contrast Matrix WCAG 2.1 Contrast

C8BBAE
C4ABA9
C79BA1
A5949B
607E8B
—
1.1
Fail
1.3
Fail
1.5
Fail
2.3
Fail
1.1
Fail
—
1.1
Fail
1.3
Fail
2.0
Fail
1.3
Fail
1.1
Fail
—
1.2
Fail
1.8
Fail
1.5
Fail
1.3
Fail
1.2
Fail
—
1.5
Fail
2.3
Fail
2.0
Fail
1.8
Fail
1.5
Fail
—
White BG
1.9Fail
2.2Fail
2.4Fail
2.9Fail
4.3AA Large
Black BG
11.2AAA
9.7AAA
8.6AAA
7.3AAA
4.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C2C2B1
B9B9A9
B4B4A0
9E9D99
6D6D88

Deuteranopia

C3C4B2
BBBDAA
B7BA9F
9FA099
6B6987

Tritanopia

C7B4B4
C3AAAA
C59E9E
A49898
618585

Achromatopsia

BDBDBD
B2B2B2
A9A9A9
9A9A9A
777777

Shades & Tints Shades & Tints

#C8BBAE

Dark
Light

#C4ABA9

Dark
Light

#C79BA1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c8bbae;
  --color-2: #c4aba9;
  --color-3: #c79ba1;
  --color-4: #a5949b;
  --color-5: #607e8b;
}

SCSS

$color-1: #c8bbae;
$color-2: #c4aba9;
$color-3: #c79ba1;
$color-4: #a5949b;
$color-5: #607e8b;

TAILWIND

colors: {
  'brand-1': '#c8bbae',
  'brand-2': '#c4aba9',
  'brand-3': '#c79ba1',
  'brand-4': '#a5949b',
  'brand-5': '#607e8b',
}

RGB Array

[200, 187, 174], [196, 171, 169], [199, 155, 161], [165, 148, 155], [96, 126, 139]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C8BBAE, #C4ABA9, #C79BA1, #A5949B, #607E8B 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: #c8bbae; --color-2: #c4aba9; --color-3: #c79ba1; --color-4: #a5949b; --color-5: #607e8b. 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