#CCD6CC

#CCD6CC

Color Values

HEX

#CCD6CC

RGB

204, 214, 204

HSL

120.0, 10.9%, 82.0%

HSV

120.0, 4.7%, 83.9%

CMYK

4.7%, 0.0%, 4.7%, 16.1%

OKLCH

0.8656 0.0174 145.4

Properties

Cool Light Nearest: honeydew 3

Color Harmonies

Complementary

#CCD6CC

#D6CCD6

Analogous

#D1D6CC

#CCD6D1

#CCD6CC

Triadic

#CCD6CC

#CCCCD6

#D6CCCC

Split Complementary

#CCD6CC

#D1CCD6

#D6CCD1

Tetradic

#CCD6CC

#CCD1D6

#D6CCD6

#D6D1CC

Color Blindness Simulation

Original

#CCD6CC

Protanopia

#D0D0CE

Deuteranopia

#D0CFCF

Tritanopia

#CCD0D1

Achromatopsia

#D3D3D3

CSS Usage

background-color: #CCD6CC;
color: #CCD6CC;
border-color: #CCD6CC;
Nearest Tailwind: Stone 300 #D6D3D1

Tailwind Shades

50
#F7F8F7
100
#EBEFEB
200
#D7DFD7
300
#BBC8BB
400
#96AB96
500
#728D72
600
#5B715B
700
#495A49
800
#394739
900
#2C352C
950
#1C221C

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

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