#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

Şub 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Oca 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Oca 21, 2026