#CCBDD1

#CCBDD1

Color Values

HEX

#CCBDD1

RGB

204, 189, 209

HSL

285.0, 17.9%, 78.0%

HSV

285.0, 9.6%, 82.0%

CMYK

2.4%, 9.6%, 0.0%, 18.0%

OKLCH

0.8169 0.0321 317.7

Properties

Cool Light Nearest: thistle 3

Color Harmonies

Complementary

#CCBDD1

#C2D1BD

Analogous

#C2BDD1

#D1BDCC

#CCBDD1

Triadic

#CCBDD1

#D1CCBD

#BDD1CC

Split Complementary

#CCBDD1

#CCD1BD

#BDD1C2

Tetradic

#CCBDD1

#D1C2BD

#C2D1BD

#BDCCD1

Color Blindness Simulation

Original

#CCBDD1

Protanopia

#C6C5CC

Deuteranopia

#C6C7CB

Tritanopia

#CBC8C8

Achromatopsia

#C2C2C2

CSS Usage

background-color: #CCBDD1;
color: #CCBDD1;
border-color: #CCBDD1;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F8F6F9
100
#EFEAF0
200
#DED5E2
300
#C7B7CD
400
#A990B2
500
#8B6996
600
#6F5478
700
#594360
800
#45344B
900
#342938
950
#211A24

Contrast Checker

Text on white

1.78:1

AA Fail AAA Fail

Text on black

11.77:1

AA Pass AAA Pass

Related Articles

Brand Stories

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

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026