← Back to Editor

#C0D7D9 · #C2C9C6 · #B6B9C9 · #B96DBE · #B94392

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

#C0D7D9

Sky Blue · LightGray · Glacier Blue

HEX
#C0D7D9
RGB
rgb(192, 215, 217)
HSL
hsl(185, 25%, 80%)
HSB
hsb(185, 12%, 85%)
CMYK
cmyk(12%, 1%, 0%, 15%)
Oklch
oklch(86.3% 0.025 203.1)

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

#C2C9C6

Silver Gray · Silver · Pearl Gray

HEX
#C2C9C6
RGB
rgb(194, 201, 198)
HSL
hsl(154, 6%, 77%)
HSB
hsb(154, 3%, 79%)
CMYK
cmyk(3%, 0%, 1%, 21%)
Oklch
oklch(83.0% 0.009 168.7)

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

#B6B9C9

Azure · Silver · Cobalt Blue

HEX
#B6B9C9
RGB
rgb(182, 185, 201)
HSL
hsl(231, 15%, 75%)
HSB
hsb(231, 9%, 79%)
CMYK
cmyk(9%, 8%, 0%, 21%)
Oklch
oklch(78.8% 0.023 277.4)

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

#B96DBE

Dark Plum · MediumOrchid · Violet

HEX
#B96DBE
RGB
rgb(185, 109, 190)
HSL
hsl(296, 38%, 59%)
HSB
hsb(296, 43%, 75%)
CMYK
cmyk(3%, 43%, 0%, 25%)
Oklch
oklch(64.7% 0.143 324.8)

Traditional「Dark Plum」· Paint「Violet」· Creative Blush Sunrise

#B94392

Rose Purple · MediumVioletRed · Camellia

HEX
#B94392
RGB
rgb(185, 67, 146)
HSL
hsl(320, 47%, 49%)
HSB
hsb(320, 64%, 73%)
CMYK
cmyk(0%, 64%, 21%, 27%)
Oklch
oklch(57.0% 0.175 343.0)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C0D7D9
D9C1BF

Analogous

BFD9CE
C0D7D9
BFCAD9

Triadic

C0D7D9
D9BFD7
D7D9BF

Split-Comp.

C0D7D9
D9BFCA
D9CEBF

Tetradic

C0D7D9
CEBFD9
D9C1BF
CAD9BF

Contrast Matrix WCAG 2.1 Contrast

C0D7D9
C2C9C6
B6B9C9
B96DBE
B94392
—
1.1
Fail
1.3
Fail
2.3
Fail
3.3
AA Large
1.1
Fail
—
1.2
Fail
2.1
Fail
2.9
Fail
1.3
Fail
1.2
Fail
—
1.8
Fail
2.5
Fail
2.3
Fail
2.1
Fail
1.8
Fail
—
1.4
Fail
3.3
AA Large
2.9
Fail
2.5
Fail
1.4
Fail
—
White BG
1.5Fail
1.7Fail
1.9Fail
3.5AA Large
4.9AA
Black BG
14.0AAA
12.5AAA
10.8AAA
6.0AA
4.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

CACAD9
C5C5C7
B7B7C5
9897AA
86857F

Deuteranopia

C9C7D8
C5C4C7
B7B7C4
9DA2A6
8D967A

Tritanopia

C1D8D8
C2C7C7
B6C2C1
B59B98
B3706C

Achromatopsia

D0D0D0
C7C7C7
BABABA
8D8D8D
6F6F6F

Shades & Tints Shades & Tints

#C0D7D9

Dark
Light

#C2C9C6

Dark
Light

#B6B9C9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c0d7d9;
  --color-2: #c2c9c6;
  --color-3: #b6b9c9;
  --color-4: #b96dbe;
  --color-5: #b94392;
}

SCSS

$color-1: #c0d7d9;
$color-2: #c2c9c6;
$color-3: #b6b9c9;
$color-4: #b96dbe;
$color-5: #b94392;

TAILWIND

colors: {
  'brand-1': '#c0d7d9',
  'brand-2': '#c2c9c6',
  'brand-3': '#b6b9c9',
  'brand-4': '#b96dbe',
  'brand-5': '#b94392',
}

RGB Array

[192, 215, 217], [194, 201, 198], [182, 185, 201], [185, 109, 190], [185, 67, 146]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C0D7D9, #C2C9C6, #B6B9C9, #B96DBE, #B94392 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: #c0d7d9; --color-2: #c2c9c6; --color-3: #b6b9c9; --color-4: #b96dbe; --color-5: #b94392. 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