#C9D8EC

#C9D8EC

Color Values

HEX

#C9D8EC

RGB

201, 216, 236

HSL

214.3, 47.9%, 85.7%

HSV

214.3, 14.8%, 92.5%

CMYK

14.8%, 8.5%, 0.0%, 7.5%

OKLCH

0.8771 0.0321 255.6

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#C9D8EC

#ECDDC9

Analogous

#C9E9EC

#CCC9EC

#C9D8EC

Triadic

#C9D8EC

#ECC9D8

#D8ECC9

Split Complementary

#C9D8EC

#ECCCC9

#E9ECC9

Tetradic

#C9D8EC

#ECC9E9

#ECDDC9

#C9ECCC

Color Blindness Simulation

Original

#C9D8EC

Protanopia

#CFD0E7

Deuteranopia

#CFCEE6

Tritanopia

#CAE3E2

Achromatopsia

#D6D6D6

CSS Usage

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

Tailwind Shades

50
#F4F7FA
100
#E6ECF4
200
#CAD9EC
300
#A4BEDF
400
#739ACE
500
#4277BD
600
#355F97
700
#2B4C79
800
#213B5E
900
#1C2D45
950
#111D2C

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

14.52:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026