#CCD2BC

#CCD2BC

Color Values

HEX

#CCD2BC

RGB

204, 210, 188

HSL

76.4, 19.6%, 78.0%

HSV

76.4, 10.5%, 82.4%

CMYK

2.9%, 0.0%, 10.5%, 17.6%

OKLCH

0.8531 0.0305 119.5

Properties

Cool Light Nearest: lightyellow 3

Color Harmonies

Complementary

#CCD2BC

#C2BCD2

Analogous

#D2CDBC

#C1D2BC

#CCD2BC

Triadic

#CCD2BC

#BCCCD2

#D2BCCC

Split Complementary

#CCD2BC

#BCC1D2

#CDBCD2

Tetradic

#CCD2BC

#BCD2CD

#C2BCD2

#D2BCC1

Color Blindness Simulation

Original

#CCD2BC

Protanopia

#CFCFC1

Deuteranopia

#CECEC3

Tritanopia

#CCC6C6

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#F8F9F6
100
#EEF0EA
200
#DEE2D4
300
#C7CEB6
400
#A9B38E
500
#8B9867
600
#6F7A52
700
#596242
800
#454C33
900
#343928
950
#212419

Contrast Checker

Text on white

1.55:1

AA Fail AAA Fail

Text on black

13.51:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026