#CCB1D3

#CCB1D3

Color Values

HEX

#CCB1D3

RGB

204, 177, 211

HSL

287.6, 27.9%, 76.1%

HSV

287.6, 16.1%, 82.7%

CMYK

3.3%, 16.1%, 0.0%, 17.3%

OKLCH

0.7943 0.0557 319.3

Properties

Cool Light Nearest: thistle 3

Color Harmonies

Complementary

#CCB1D3

#B8D3B1

Analogous

#BBB1D3

#D3B1C9

#CCB1D3

Triadic

#CCB1D3

#D3CCB1

#B1D3CC

Split Complementary

#CCB1D3

#C9D3B1

#B1D3BB

Tetradic

#CCB1D3

#D3BBB1

#B8D3B1

#B1C9D3

Color Blindness Simulation

Original

#CCB1D3

Protanopia

#C0C0CB

Deuteranopia

#C2C4C9

Tritanopia

#CBC4C3

Achromatopsia

#B9B9B9

CSS Usage

background-color: #CCB1D3;
color: #CCB1D3;
border-color: #CCB1D3;
Nearest Tailwind: Purple 200 #E9D5FF

Tailwind Shades

50
#F8F6F9
100
#F0E9F1
200
#E1D1E5
300
#CCB1D3
400
#B086BB
500
#945CA3
600
#774A82
700
#5F3B68
800
#4A2E52
900
#38243D
950
#231726

Contrast Checker

Text on white

1.94:1

AA Fail AAA Fail

Text on black

10.8:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026