#CCD7DA

#CCD7DA

Color Values

HEX

#CCD7DA

RGB

204, 215, 218

HSL

192.9, 15.9%, 82.7%

HSV

192.9, 6.4%, 85.5%

CMYK

6.4%, 1.4%, 0.0%, 14.5%

OKLCH

0.8717 0.0126 215.8

Properties

Cool Light Nearest: azure 3

Color Harmonies

Complementary

#CCD7DA

#DACFCC

Analogous

#CCDAD6

#CCD0DA

#CCD7DA

Triadic

#CCD7DA

#DACCD7

#D7DACC

Split Complementary

#CCD7DA

#DACCD0

#DAD6CC

Tetradic

#CCD7DA

#D6CCDA

#DACFCC

#D0DACC

Color Blindness Simulation

Original

#CCD7DA

Protanopia

#D1D1D9

Deuteranopia

#D0CFD9

Tritanopia

#CDD9D9

Achromatopsia

#D5D5D5

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBEFF0
200
#D6DFE1
300
#B8C7CC
400
#92A9B0
500
#6B8B94
600
#566F76
700
#45595F
800
#36464A
900
#2A3437
950
#1A2123

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

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