#CCD4D6

#CCD4D6

Color Values

HEX

#CCD4D6

RGB

204, 212, 214

HSL

192.0, 10.9%, 82.0%

HSV

192.0, 4.7%, 83.9%

CMYK

4.7%, 0.9%, 0.0%, 16.1%

OKLCH

0.8644 0.0092 214.3

Properties

Cool Light Nearest: lightgrey

Color Harmonies

Complementary

#CCD4D6

#D6CECC

Analogous

#CCD6D3

#CCCFD6

#CCD4D6

Triadic

#CCD4D6

#D6CCD4

#D4D6CC

Split Complementary

#CCD4D6

#D6CCCF

#D6D3CC

Tetradic

#CCD4D6

#D3CCD6

#D6CECC

#CFD6CC

Color Blindness Simulation

Original

#CCD4D6

Protanopia

#CFD0D6

Deuteranopia

#CFCED5

Tritanopia

#CCD5D5

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#EBEEEF
200
#D7DEDF
300
#BBC6C8
400
#96A7AB
500
#72888D
600
#5B6D71
700
#49575A
800
#394447
900
#2C3335
950
#1C2022

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

13.96:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026