#CCDCCE

#CCDCCE

Color Values

HEX

#CCDCCE

RGB

204, 220, 206

HSL

127.5, 18.6%, 83.1%

HSV

127.5, 7.3%, 86.3%

CMYK

7.3%, 0.0%, 6.4%, 13.7%

OKLCH

0.8785 0.0256 149.1

Properties

Cool Light Nearest: honeydew 3

Color Harmonies

Complementary

#CCDCCE

#DCCCDA

Analogous

#D2DCCC

#CCDCD6

#CCDCCE

Triadic

#CCDCCE

#CECCDC

#DCCECC

Split Complementary

#CCDCCE

#D6CCDC

#DCCCD2

Tetradic

#CCDCCE

#CCD2DC

#DCCCDA

#DCD6CC

Color Blindness Simulation

Original

#CCDCCE

Protanopia

#D3D3D1

Deuteranopia

#D2D1D2

Tritanopia

#CDD4D5

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#F6F9F6
100
#EAF0EB
200
#D5E2D6
300
#B6CDB9
400
#8FB293
500
#68976E
600
#537958
700
#426146
800
#344C37
900
#28392A
950
#19241B

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

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