#CCD4D9

#CCD4D9

Color Values

HEX

#CCD4D9

RGB

204, 212, 217

HSL

203.1, 14.6%, 82.5%

HSV

203.1, 6.0%, 85.1%

CMYK

6.0%, 2.3%, 0.0%, 14.9%

OKLCH

0.8653 0.0111 234.8

Properties

Cool Light Nearest: lightgrey

Color Harmonies

Complementary

#CCD4D9

#D9D1CC

Analogous

#CCD9D7

#CCCDD9

#CCD4D9

Triadic

#CCD4D9

#D9CCD4

#D4D9CC

Split Complementary

#CCD4D9

#D9CCCD

#D9D7CC

Tetradic

#CCD4D9

#D7CCD9

#D9D1CC

#CDD9CC

Color Blindness Simulation

Original

#CCD4D9

Protanopia

#CFD0D8

Deuteranopia

#CFCED7

Tritanopia

#CCD7D7

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBEEEF
200
#D6DCE1
300
#B9C4CB
400
#93A4AE
500
#6D8492
600
#576975
700
#46545E
800
#364249
900
#2A3237
950
#1B2023

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

13.99: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