#CCC2C5

#CCC2C5

Color Values

HEX

#CCC2C5

RGB

204, 194, 197

HSL

342.0, 8.9%, 78.0%

HSV

342.0, 4.9%, 80.0%

CMYK

0.0%, 4.9%, 3.4%, 20.0%

OKLCH

0.8231 0.0119 357.1

Properties

Warm Light Nearest: lavenderblush 3

Color Harmonies

Complementary

#CCC2C5

#C2CCC9

Analogous

#CCC2CA

#CCC4C2

#CCC2C5

Triadic

#CCC2C5

#C5CCC2

#C2C5CC

Split Complementary

#CCC2C5

#C2CCC4

#C2CACC

Tetradic

#CCC2C5

#CACCC2

#C2CCC9

#C4C2CC

Color Blindness Simulation

Original

#CCC2C5

Protanopia

#C8C8C4

Deuteranopia

#C8C9C4

Tritanopia

#CBC4C4

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFECED
200
#DED8DA
300
#C7BCC0
400
#A9989D
500
#8B747B
600
#6F5D62
700
#594A4F
800
#453A3D
900
#342D2F
950
#211C1E

Contrast Checker

Text on white

1.74:1

AA Fail AAA Fail

Text on black

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