← Back to Editor

#C9D3D1 · #99BEC3 · #94A5B3 · #8B7F97 · #91637F

cool

A 5-color cool 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

#C9D3D1

Jade · LightGray · Glacier Blue

HEX
#C9D3D1
RGB
rgb(201, 211, 209)
HSL
hsl(168, 10%, 81%)
HSB
hsb(168, 5%, 83%)
CMYK
cmyk(5%, 0%, 1%, 17%)
Oklch
oklch(85.9% 0.011 182.8)

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

#99BEC3

Sky Blue · LightSteelBlue · Lake Green

HEX
#99BEC3
RGB
rgb(153, 190, 195)
HSL
hsl(187, 26%, 68%)
HSB
hsb(187, 22%, 76%)
CMYK
cmyk(22%, 3%, 0%, 24%)
Oklch
oklch(77.6% 0.040 206.5)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#94A5B3

Sky Blue · DarkGray · Cobalt Blue

HEX
#94A5B3
RGB
rgb(148, 165, 179)
HSL
hsl(207, 17%, 64%)
HSB
hsb(207, 17%, 70%)
CMYK
cmyk(17%, 8%, 0%, 30%)
Oklch
oklch(71.3% 0.028 242.9)

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

#8B7F97

Dark Plum · LightSlateGray · Violet

HEX
#8B7F97
RGB
rgb(139, 127, 151)
HSL
hsl(270, 10%, 55%)
HSB
hsb(270, 16%, 59%)
CMYK
cmyk(8%, 16%, 0%, 41%)
Oklch
oklch(61.5% 0.038 307.8)

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

#91637F

Rose Purple · Gray · Camellia

HEX
#91637F
RGB
rgb(145, 99, 127)
HSL
hsl(323, 19%, 48%)
HSB
hsb(323, 32%, 57%)
CMYK
cmyk(0%, 32%, 12%, 43%)
Oklch
oklch(55.7% 0.071 342.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C9D3D1
D3CACC

Analogous

CAD3CD
C9D3D1
CAD0D3

Triadic

C9D3D1
D1CAD3
D3D1CA

Split-Comp.

C9D3D1
D3CAD0
D3CDCA

Tetradic

C9D3D1
CDCAD3
D3CACC
D0D3CA

Contrast Matrix WCAG 2.1 Contrast

C9D3D1
99BEC3
94A5B3
8B7F97
91637F
—
1.3
Fail
1.7
Fail
2.5
Fail
3.2
AA Large
1.3
Fail
—
1.3
Fail
1.9
Fail
2.4
Fail
1.7
Fail
1.3
Fail
—
1.5
Fail
1.9
Fail
2.5
Fail
1.9
Fail
1.5
Fail
—
1.3
Fail
3.2
AA Large
2.4
Fail
1.9
Fail
1.3
Fail
—
White BG
1.5Fail
2.0Fail
2.5Fail
3.8AA Large
4.9AA
Black BG
13.7AAA
10.5AAA
8.3AAA
5.6AA
4.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

CDCDD1
A9A9C2
9B9CB0
868691
7D7D78

Deuteranopia

CDCCD2
A7A4C2
9A99AF
878790
808377

Tritanopia

CAD2D2
9BC1C1
95ADAC
8A8D8C
8F7372

Achromatopsia

D0D0D0
B4B4B4
A2A2A2
858585
747474

Shades & Tints Shades & Tints

#C9D3D1

Dark
Light

#99BEC3

Dark
Light

#94A5B3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c9d3d1;
  --color-2: #99bec3;
  --color-3: #94a5b3;
  --color-4: #8b7f97;
  --color-5: #91637f;
}

SCSS

$color-1: #c9d3d1;
$color-2: #99bec3;
$color-3: #94a5b3;
$color-4: #8b7f97;
$color-5: #91637f;

TAILWIND

colors: {
  'brand-1': '#c9d3d1',
  'brand-2': '#99bec3',
  'brand-3': '#94a5b3',
  'brand-4': '#8b7f97',
  'brand-5': '#91637f',
}

RGB Array

[201, 211, 209], [153, 190, 195], [148, 165, 179], [139, 127, 151], [145, 99, 127]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #C9D3D1, #99BEC3, #94A5B3, #8B7F97, #91637F 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: #c9d3d1; --color-2: #99bec3; --color-3: #94a5b3; --color-4: #8b7f97; --color-5: #91637f. 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 cool-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