#CCD3CF

#CCD3CF

Color Values

HEX

#CCD3CF

RGB

204, 211, 207

HSL

145.7, 7.4%, 81.4%

HSV

145.7, 3.3%, 82.7%

CMYK

3.3%, 0.0%, 1.9%, 17.3%

OKLCH

0.8603 0.0094 161.3

Properties

Cool Light Nearest: RAL 7047 Telegrey 4

Color Harmonies

Complementary

#CCD3CF

#D3CCD0

Analogous

#CDD3CC

#CCD3D3

#CCD3CF

Triadic

#CCD3CF

#CFCCD3

#D3CFCC

Split Complementary

#CCD3CF

#D3CCD3

#D3CCCD

Tetradic

#CCD3CF

#CCCDD3

#D3CCD0

#D3D3CC

Color Blindness Simulation

Original

#CCD3CF

Protanopia

#CFCFD0

Deuteranopia

#CFCED0

Tritanopia

#CCD1D1

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#ECEEED
200
#D9DEDB
300
#BDC6C1
400
#9AA8A0
500
#76897E
600
#5E6E65
700
#4C5851
800
#3B443F
900
#2D3430
950
#1D211E

Contrast Checker

Text on white

1.52:1

AA Fail AAA Fail

Text on black

13.79:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026