#CCBBD9

#CCBBD9

Color Values

HEX

#CCBBD9

RGB

204, 187, 217

HSL

274.0, 28.3%, 79.2%

HSV

274.0, 13.8%, 85.1%

CMYK

6.0%, 13.8%, 0.0%, 14.9%

OKLCH

0.8156 0.0454 310.6

Properties

Cool Light Nearest: thistle

Color Harmonies

Complementary

#CCBBD9

#C8D9BB

Analogous

#BDBBD9

#D9BBD7

#CCBBD9

Triadic

#CCBBD9

#D9CCBB

#BBD9CC

Split Complementary

#CCBBD9

#D7D9BB

#BBD9BD

Tetradic

#CCBBD9

#D9BDBB

#C8D9BB

#BBD7D9

Color Blindness Simulation

Original

#CCBBD9

Protanopia

#C5C4D2

Deuteranopia

#C6C7D0

Tritanopia

#CBCCCB

Achromatopsia

#C1C1C1

CSS Usage

background-color: #CCBBD9;
color: #CCBBD9;
border-color: #CCBBD9;
Nearest Tailwind: Violet 200 #DDD6FE

Tailwind Shades

50
#F8F6F9
100
#EEE9F1
200
#DDD1E5
300
#C4B0D3
400
#A486BB
500
#845BA4
600
#6A4983
700
#553B69
800
#422E52
900
#32243D
950
#201726

Contrast Checker

Text on white

1.8:1

AA Fail AAA Fail

Text on black

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