#C0C9DC

#C0C9DC

Color Values

HEX

#C0C9DC

RGB

192, 201, 220

HSL

220.7, 28.6%, 80.8%

HSV

220.7, 12.7%, 86.3%

CMYK

12.7%, 8.6%, 0.0%, 13.7%

OKLCH

0.8348 0.0283 265.4

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#C0C9DC

#DCD3C0

Analogous

#C0D7DC

#C5C0DC

#C0C9DC

Triadic

#C0C9DC

#DCC0C9

#C9DCC0

Split Complementary

#C0C9DC

#DCC5C0

#D7DCC0

Tetradic

#C0C9DC

#DCC0D7

#DCD3C0

#C0DCC5

Color Blindness Simulation

Original

#C0C9DC

Protanopia

#C4C4D7

Deuteranopia

#C3C3D6

Tritanopia

#C0D4D3

Achromatopsia

#C8C8C8

CSS Usage

background-color: #C0C9DC;
color: #C0C9DC;
border-color: #C0C9DC;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F5F7F9
100
#E9ECF1
200
#D1D8E6
300
#B0BCD3
400
#8697BC
500
#5B72A4
600
#495C83
700
#3A4969
800
#2E3952
900
#242C3D
950
#171C26

Contrast Checker

Text on white

1.66:1

AA Fail AAA Fail

Text on black

12.63:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026