#CCBDCC

#CCBDCC

Color Values

HEX

#CCBDCC

RGB

204, 189, 204

HSL

300.0, 12.8%, 77.1%

HSV

300.0, 7.4%, 80.0%

CMYK

0.0%, 7.4%, 0.0%, 20.0%

OKLCH

0.8153 0.0265 325.8

Properties

Warm Light Nearest: lavenderblush 3

Color Harmonies

Complementary

#CCBDCC

#BDCCBD

Analogous

#C5BDCC

#CCBDC5

#CCBDCC

Triadic

#CCBDCC

#CCCCBD

#BDCCCC

Split Complementary

#CCBDCC

#C5CCBD

#BDCCC5

Tetradic

#CCBDCC

#CCC5BD

#BDCCBD

#BDC5CC

Color Blindness Simulation

Original

#CCBDCC

Protanopia

#C6C5C8

Deuteranopia

#C6C7C7

Tritanopia

#CBC6C5

Achromatopsia

#C1C1C1

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EFEBEF
200
#E0D7E0
300
#CABACA
400
#AD95AD
500
#906F90
600
#735973
700
#5C475C
800
#483848
900
#362B36
950
#221B22

Contrast Checker

Text on white

1.79:1

AA Fail AAA Fail

Text on black

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