#CCD6D2

#CCD6D2

Color Values

HEX

#CCD6D2

RGB

204, 214, 210

HSL

156.0, 10.9%, 82.0%

HSV

156.0, 4.7%, 83.9%

CMYK

4.7%, 0.0%, 1.9%, 16.1%

OKLCH

0.8673 0.0121 170.2

Properties

Cool Light Nearest: azure 3

Color Harmonies

Complementary

#CCD6D2

#D6CCD0

Analogous

#CCD6CD

#CCD5D6

#CCD6D2

Triadic

#CCD6D2

#D2CCD6

#D6D2CC

Split Complementary

#CCD6D2

#D6CCD5

#D6CDCC

Tetradic

#CCD6D2

#CDCCD6

#D6CCD0

#D5D6CC

Color Blindness Simulation

Original

#CCD6D2

Protanopia

#D0D0D3

Deuteranopia

#D0CFD3

Tritanopia

#CCD4D4

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#EBEFED
200
#D7DFDC
300
#BBC8C3
400
#96ABA3
500
#728D82
600
#5B7168
700
#495A53
800
#394741
900
#2C3531
950
#1C221F

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

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