#CCD3BC

#CCD3BC

Color Values

HEX

#CCD3BC

RGB

204, 211, 188

HSL

78.3, 20.7%, 78.2%

HSV

78.3, 10.9%, 82.7%

CMYK

3.3%, 0.0%, 10.9%, 17.3%

OKLCH

0.8552 0.032 120.9

Properties

Cool Light Nearest: lightyellow 3

Color Harmonies

Complementary

#CCD3BC

#C3BCD3

Analogous

#D3CEBC

#C0D3BC

#CCD3BC

Triadic

#CCD3BC

#BCCCD3

#D3BCCC

Split Complementary

#CCD3BC

#BCC0D3

#CEBCD3

Tetradic

#CCD3BC

#BCD3CE

#C3BCD3

#D3BCC0

Color Blindness Simulation

Original

#CCD3BC

Protanopia

#CFCFC2

Deuteranopia

#CFCEC3

Tritanopia

#CCC6C7

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F8F9F6
100
#EEF0EA
200
#DEE3D4
300
#C7CEB5
400
#A8B48D
500
#8A9A65
600
#6E7B51
700
#586241
800
#454D33
900
#343927
950
#212419

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

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