#CCBDC8

#CCBDC8

Color Values

HEX

#CCBDC8

RGB

204, 189, 200

HSL

316.0, 12.8%, 77.1%

HSV

316.0, 7.4%, 80.0%

CMYK

0.0%, 7.4%, 2.0%, 20.0%

OKLCH

0.814 0.0225 335.0

Properties

Warm Light Nearest: lavenderblush 3

Color Harmonies

Complementary

#CCBDC8

#BDCCC1

Analogous

#C9BDCC

#CCBDC1

#CCBDC8

Triadic

#CCBDC8

#C8CCBD

#BDC8CC

Split Complementary

#CCBDC8

#C1CCBD

#BDCCC9

Tetradic

#CCBDC8

#CCC9BD

#BDCCC1

#BDC1CC

Color Blindness Simulation

Original

#CCBDC8

Protanopia

#C6C5C5

Deuteranopia

#C6C7C5

Tritanopia

#CBC3C3

Achromatopsia

#C1C1C1

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EFEBEE
200
#E0D7DD
300
#CABAC5
400
#AD95A6
500
#906F87
600
#73596C
700
#5C4756
800
#483844
900
#362B33
950
#221B20

Contrast Checker

Text on white

1.8:1

AA Fail AAA Fail

Text on black

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