← Back to Editor

#C9B0B4 · #E7ACAE · #D5B2B8 · #CEC3CB · #C9C7CC

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

#C9B0B4

Peach Pink · Silver · Coral Red

HEX
#C9B0B4
RGB
rgb(201, 176, 180)
HSL
hsl(350, 19%, 74%)
HSB
hsb(350, 12%, 79%)
CMYK
cmyk(0%, 12%, 10%, 21%)
Oklch
oklch(78.0% 0.029 6.9)

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

#E7ACAE

Peach Pink · LightPink · Coral Red

HEX
#E7ACAE
RGB
rgb(231, 172, 174)
HSL
hsl(358, 55%, 79%)
HSB
hsb(358, 26%, 91%)
CMYK
cmyk(0%, 26%, 25%, 9%)
Oklch
oklch(80.0% 0.069 16.5)

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

#D5B2B8

Peach Pink · Silver · Coral Red

HEX
#D5B2B8
RGB
rgb(213, 178, 184)
HSL
hsl(350, 29%, 77%)
HSB
hsb(350, 16%, 84%)
CMYK
cmyk(0%, 16%, 14%, 16%)
Oklch
oklch(79.6% 0.041 6.5)

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

#CEC3CB

Mauve · Silver · Lilac Purple

HEX
#CEC3CB
RGB
rgb(206, 195, 203)
HSL
hsl(316, 10%, 79%)
HSB
hsb(316, 5%, 81%)
CMYK
cmyk(0%, 5%, 1%, 19%)
Oklch
oklch(82.9% 0.016 335.1)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#C9C7CC

Silver Gray · Silver · Pearl Gray

HEX
#C9C7CC
RGB
rgb(201, 199, 204)
HSL
hsl(264, 5%, 79%)
HSB
hsb(264, 2%, 80%)
CMYK
cmyk(1%, 2%, 0%, 20%)
Oklch
oklch(83.3% 0.007 304.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C9B0B4
B0C9C5

Analogous

C9B0C1
C9B0B4
C9B9B0

Triadic

C9B0B4
B4C9B0
B0B4C9

Split-Comp.

C9B0B4
B0C9B9
B0C1C9

Tetradic

C9B0B4
C1C9B0
B0C9C5
B9B0C9

Contrast Matrix WCAG 2.1 Contrast

C9B0B4
E7ACAE
D5B2B8
CEC3CB
C9C7CC
—
1.1
Fail
1.1
Fail
1.2
Fail
1.2
Fail
1.1
Fail
—
1.0
Fail
1.1
Fail
1.1
Fail
1.1
Fail
1.0
Fail
—
1.1
Fail
1.2
Fail
1.2
Fail
1.1
Fail
1.1
Fail
—
1.0
Fail
1.2
Fail
1.1
Fail
1.2
Fail
1.0
Fail
—
White BG
2.0Fail
1.9Fail
1.9Fail
1.7Fail
1.7Fail
Black BG
10.4AAA
10.9AAA
10.9AAA
12.3AAA
12.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BEBEB3
CDCDAE
C6C6B7
C9C9C9
C8C8CB

Deuteranopia

C0C2B3
D1D5AD
C8CBB6
CACBC9
C8C8CA

Tritanopia

C8B2B2
E4ADAD
D3B5B5
CDC8C7
C9CACA

Achromatopsia

B8B8B8
BEBEBE
BDBDBD
C7C7C7
C8C8C8

Shades & Tints Shades & Tints

#C9B0B4

Dark
Light

#E7ACAE

Dark
Light

#D5B2B8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c9b0b4;
  --color-2: #e7acae;
  --color-3: #d5b2b8;
  --color-4: #cec3cb;
  --color-5: #c9c7cc;
}

SCSS

$color-1: #c9b0b4;
$color-2: #e7acae;
$color-3: #d5b2b8;
$color-4: #cec3cb;
$color-5: #c9c7cc;

TAILWIND

colors: {
  'brand-1': '#c9b0b4',
  'brand-2': '#e7acae',
  'brand-3': '#d5b2b8',
  'brand-4': '#cec3cb',
  'brand-5': '#c9c7cc',
}

RGB Array

[201, 176, 180], [231, 172, 174], [213, 178, 184], [206, 195, 203], [201, 199, 204]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C9B0B4, #E7ACAE, #D5B2B8, #CEC3CB, #C9C7CC 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: #c9b0b4; --color-2: #e7acae; --color-3: #d5b2b8; --color-4: #cec3cb; --color-5: #c9c7cc. 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