#C9DCF0

#C9DCF0

Color Values

HEX

#C9DCF0

RGB

201, 220, 240

HSL

210.8, 56.5%, 86.5%

HSV

210.8, 16.2%, 94.1%

CMYK

16.2%, 8.3%, 0.0%, 5.9%

OKLCH

0.8865 0.0344 249.6

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#C9DCF0

#F0DDC9

Analogous

#C9F0F0

#CAC9F0

#C9DCF0

Triadic

#C9DCF0

#F0C9DC

#DCF0C9

Split Complementary

#C9DCF0

#F0CAC9

#F0F0C9

Tetradic

#C9DCF0

#F0C9F0

#F0DDC9

#C9F0CA

Color Blindness Simulation

Original

#C9DCF0

Protanopia

#D1D1EB

Deuteranopia

#D0CFEA

Tritanopia

#CAE7E6

Achromatopsia

#D9D9D9

CSS Usage

background-color: #C9DCF0;
color: #C9DCF0;
border-color: #C9DCF0;
Nearest Tailwind: Blue 100 #DBEAFE

Tailwind Shades

50
#F4F7FB
100
#E5EDF6
200
#C7DBEF
300
#9FC1E4
400
#6B9FD6
500
#377EC8
600
#2C64A0
700
#235080
800
#1C3F64
900
#183049
950
#0F1E2E

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

14.98:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026