← Back to Editor

#C9D0DB · #B4CDD6 · #867085 · #C18098 · #D19096

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

#C9D0DB

Azure · LightGray · Sky Blue

HEX
#C9D0DB
RGB
rgb(201, 208, 219)
HSL
hsl(217, 20%, 82%)
HSB
hsb(217, 8%, 86%)
CMYK
cmyk(8%, 5%, 0%, 14%)
Oklch
oklch(85.5% 0.017 259.4)

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

#B4CDD6

Sky Blue · LightSteelBlue · Glacier Blue

HEX
#B4CDD6
RGB
rgb(180, 205, 214)
HSL
hsl(196, 29%, 77%)
HSB
hsb(196, 16%, 84%)
CMYK
cmyk(16%, 4%, 0%, 16%)
Oklch
oklch(83.2% 0.030 221.5)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#867085

Rose Purple · Gray · Warm Gray

HEX
#867085
RGB
rgb(134, 112, 133)
HSL
hsl(303, 9%, 48%)
HSB
hsb(303, 16%, 53%)
CMYK
cmyk(0%, 16%, 1%, 47%)
Oklch
oklch(57.3% 0.041 327.5)

Traditional「Rose Purple」· Paint「Warm Gray」· Creative Urban Concrete

#C18098

Rouge · DarkGray · Rose Pink

HEX
#C18098
RGB
rgb(193, 128, 152)
HSL
hsl(338, 34%, 63%)
HSB
hsb(338, 34%, 76%)
CMYK
cmyk(0%, 34%, 21%, 24%)
Oklch
oklch(67.3% 0.086 355.9)

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

#D19096

Peach Pink · DarkSalmon · Coral Red

HEX
#D19096
RGB
rgb(209, 144, 150)
HSL
hsl(354, 41%, 69%)
HSB
hsb(354, 31%, 82%)
CMYK
cmyk(0%, 31%, 28%, 18%)
Oklch
oklch(71.9% 0.079 13.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C9D0DB
DAD3C8

Analogous

C8D8DA
C9D0DB
CAC8DA

Triadic

C9D0DB
DAC8CF
CFDAC8

Split-Comp.

C9D0DB
DACAC8
D8DAC8

Tetradic

C9D0DB
DAC8D8
DAD3C8
C8DACA

Contrast Matrix WCAG 2.1 Contrast

C9D0DB
B4CDD6
867085
C18098
D19096
—
1.1
Fail
2.9
Fail
2.0
Fail
1.7
Fail
1.1
Fail
—
2.7
Fail
1.9
Fail
1.6
Fail
2.9
Fail
2.7
Fail
—
1.5
Fail
1.7
Fail
2.0
Fail
1.9
Fail
1.5
Fail
—
1.2
Fail
1.7
Fail
1.6
Fail
1.7
Fail
1.2
Fail
—
White BG
1.6Fail
1.7Fail
4.5AA Large
3.1AA Large
2.6Fail
Black BG
13.5AAA
12.6AAA
4.7AA
6.8AA
8.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CCCCD8
BFBFD4
7C7C80
A5A492
B5B495

Deuteranopia

CCCBD8
BDBCD3
7E7F7F
A9AE91
B9BD94

Tritanopia

C9D6D6
B5D2D2
857C7B
BE8E8D
CE9393

Achromatopsia

CFCFCF
C7C7C7
797979
969696
A4A4A4

Shades & Tints Shades & Tints

#C9D0DB

Dark
Light

#B4CDD6

Dark
Light

#867085

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c9d0db;
  --color-2: #b4cdd6;
  --color-3: #867085;
  --color-4: #c18098;
  --color-5: #d19096;
}

SCSS

$color-1: #c9d0db;
$color-2: #b4cdd6;
$color-3: #867085;
$color-4: #c18098;
$color-5: #d19096;

TAILWIND

colors: {
  'brand-1': '#c9d0db',
  'brand-2': '#b4cdd6',
  'brand-3': '#867085',
  'brand-4': '#c18098',
  'brand-5': '#d19096',
}

RGB Array

[201, 208, 219], [180, 205, 214], [134, 112, 133], [193, 128, 152], [209, 144, 150]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C9D0DB, #B4CDD6, #867085, #C18098, #D19096 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: #c9d0db; --color-2: #b4cdd6; --color-3: #867085; --color-4: #c18098; --color-5: #d19096. 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