#CCC0D0

#CCC0D0

Color Values

HEX

#CCC0D0

RGB

204, 192, 208

HSL

285,0, 14,5%, 78,4%

HSV

285,0, 7,7%, 81,6%

CMYK

1,9%, 7,7%, 0,0%, 18,4%

OKLCH

0,8225 0,0257 317,7

Properties

Cool Light Nearest: lavenderblush 3

Color Harmonies

Complementary

#CCC0D0

#C4D0C0

Analogous

#C4C0D0

#D0C0CC

#CCC0D0

Triadic

#CCC0D0

#D0CCC0

#C0D0CC

Split Complementary

#CCC0D0

#CCD0C0

#C0D0C4

Tetradic

#CCC0D0

#D0C4C0

#C4D0C0

#C0CCD0

Color Blindness Simulation

Original

#CCC0D0

Protanopia

#C7C7CC

Deuteranopia

#C8C8CB

Tritanopia

#CBC9C8

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#EEEBEF
200
#DED6E0
300
#C6B9CB
400
#A793AE
500
#896D92
600
#6D5775
700
#58465D
800
#443749
900
#342A37
950
#211B23

Contrast Checker

Text on white

1,75:1

AA Fail AAA Fail

Text on black

12,02:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026