#CCD3D4

#CCD3D4

Color Values

HEX

#CCD3D4

RGB

204, 211, 212

HSL

187.5, 8.5%, 81.6%

HSV

187.5, 3.8%, 83.1%

CMYK

3.8%, 0.5%, 0.0%, 16.9%

OKLCH

0.8617 0.0078 207.1

Properties

Cool Light Nearest: lightgrey

Color Harmonies

Complementary

#CCD3D4

#D4CDCC

Analogous

#CCD4D1

#CCCFD4

#CCD3D4

Triadic

#CCD3D4

#D4CCD3

#D3D4CC

Split Complementary

#CCD3D4

#D4CCCF

#D4D1CC

Tetradic

#CCD3D4

#D1CCD4

#D4CDCC

#CFD4CC

Color Blindness Simulation

Original

#CCD3D4

Protanopia

#CFCFD4

Deuteranopia

#CFCED4

Tritanopia

#CCD4D4

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#ECEEEE
200
#D8DEDE
300
#BDC6C7
400
#99A7A9
500
#75888A
600
#5D6D6F
700
#4B5759
800
#3A4445
900
#2D3334
950
#1C2021

Contrast Checker

Text on white

1.52:1

AA Fail AAA Fail

Text on black

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