#C9DCDF

#C9DCDF

Color Values

HEX

#C9DCDF

RGB

201, 220, 223

HSL

188.2, 25.6%, 83.1%

HSV

188.2, 9.9%, 87.5%

CMYK

9.9%, 1.3%, 0.0%, 12.5%

OKLCH

0.8812 0.0208 208.1

Properties

Cool Light Nearest: azure 3

Color Harmonies

Complementary

#C9DCDF

#DFCCC9

Analogous

#C9DFD7

#C9D1DF

#C9DCDF

Triadic

#C9DCDF

#DFC9DC

#DCDFC9

Split Complementary

#C9DCDF

#DFC9D1

#DFD7C9

Tetradic

#C9DCDF

#D7C9DF

#DFCCC9

#D1DFC9

Color Blindness Simulation

Original

#C9DCDF

Protanopia

#D1D1DE

Deuteranopia

#D0CFDE

Tritanopia

#CADEDE

Achromatopsia

#D8D8D8

CSS Usage

background-color: #C9DCDF;
color: #C9DCDF;
border-color: #C9DCDF;
Nearest Tailwind: Gray 300 #D1D5DB

Tailwind Shades

50
#F6F9F9
100
#E9F0F1
200
#D2E2E4
300
#B2CDD1
400
#88B2B9
500
#5F97A0
600
#4C7980
700
#3D6166
800
#2F4C50
900
#25393C
950
#182426

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

14.79:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026