#C9D6DB

#C9D6DB

Color Values

HEX

#C9D6DB

RGB

201, 214, 219

HSL

196.7, 20.0%, 82.4%

HSV

196.7, 8.2%, 85.9%

CMYK

8.2%, 2.3%, 0.0%, 14.1%

OKLCH

0.8677 0.0157 222.7

Properties

Cool Light Nearest: azure 3

Color Harmonies

Complementary

#C9D6DB

#DBCEC9

Analogous

#C9DBD7

#C9CDDB

#C9D6DB

Triadic

#C9D6DB

#DBC9D6

#D6DBC9

Split Complementary

#C9D6DB

#DBC9CD

#DBD7C9

Tetradic

#C9D6DB

#D7C9DB

#DBCEC9

#CDDBC9

Color Blindness Simulation

Original

#C9D6DB

Protanopia

#CFCFDA

Deuteranopia

#CECDDA

Tritanopia

#CAD9D9

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAEEF0
200
#D4DEE2
300
#B6C7CE
400
#8EA9B4
500
#668B99
600
#526F7A
700
#415962
800
#33454D
900
#283439
950
#192124

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

14.13:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026