#CCC1D0

#CCC1D0

Color Values

HEX

#CCC1D0

RGB

204, 193, 208

HSL

284.0, 13.8%, 78.6%

HSV

284.0, 7.2%, 81.6%

CMYK

1.9%, 7.2%, 0.0%, 18.4%

OKLCH

0.8244 0.0239 317.1

Properties

Cool Light Nearest: lavenderblush 3

Color Harmonies

Complementary

#CCC1D0

#C5D0C1

Analogous

#C4C1D0

#D0C1CC

#CCC1D0

Triadic

#CCC1D0

#D0CCC1

#C1D0CC

Split Complementary

#CCC1D0

#CCD0C1

#C1D0C4

Tetradic

#CCC1D0

#D0C4C1

#C5D0C1

#C1CCD0

Color Blindness Simulation

Original

#CCC1D0

Protanopia

#C7C7CC

Deuteranopia

#C8C9CC

Tritanopia

#CBCAC9

Achromatopsia

#C4C4C4

CSS Usage

background-color: #CCC1D0;
color: #CCC1D0;
border-color: #CCC1D0;
Nearest Tailwind: Zinc 300 #D4D4D8

Tailwind Shades

50
#F8F6F8
100
#EEEBEF
200
#DED6E0
300
#C6B9CA
400
#A794AE
500
#886E91
600
#6D5874
700
#57465D
800
#443749
900
#332A36
950
#201B22

Contrast Checker

Text on white

1.73:1

AA Fail AAA Fail

Text on black

12.11:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

2월 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026