#CCD4D0

#CCD4D0

Color Values

HEX

#CCD4D0

RGB

204, 212, 208

HSL

150.0, 8.5%, 81.6%

HSV

150.0, 3.8%, 83.1%

CMYK

3.8%, 0.0%, 1.9%, 16.9%

OKLCH

0.8626 0.0102 164.8

Properties

Cool Light Nearest: lightgrey

Color Harmonies

Complementary

#CCD4D0

#D4CCD0

Analogous

#CCD4CC

#CCD4D4

#CCD4D0

Triadic

#CCD4D0

#D0CCD4

#D4D0CC

Split Complementary

#CCD4D0

#D4CCD4

#D4CCCC

Tetradic

#CCD4D0

#CCCCD4

#D4CCD0

#D4D4CC

Color Blindness Simulation

Original

#CCD4D0

Protanopia

#CFD0D1

Deuteranopia

#CFCED1

Tritanopia

#CCD2D2

Achromatopsia

#D2D2D2

CSS Usage

background-color: #CCD4D0;
color: #CCD4D0;
border-color: #CCD4D0;
Nearest Tailwind: Neutral 300 #D4D4D4

Tailwind Shades

50
#F7F8F7
100
#ECEEED
200
#D8DEDB
300
#BDC7C2
400
#99A9A1
500
#758A80
600
#5D6F66
700
#4B5952
800
#3A4540
900
#2D3430
950
#1C211F

Contrast Checker

Text on white

1.51:1

AA Fail AAA Fail

Text on black

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