#CCBAC8

#CCBAC8

Color Values

HEX

#CCBAC8

RGB

204, 186, 200

HSL

313.3, 15.0%, 76.5%

HSV

313.3, 8.8%, 80.0%

CMYK

0.0%, 8.8%, 2.0%, 20.0%

OKLCH

0.8081 0.0279 333.4

Properties

Warm Light Nearest: thistle 3

Color Harmonies

Complementary

#CCBAC8

#BACCBE

Analogous

#C7BACC

#CCBABF

#CCBAC8

Triadic

#CCBAC8

#C8CCBA

#BAC8CC

Split Complementary

#CCBAC8

#BFCCBA

#BACCC7

Tetradic

#CCBAC8

#CCC7BA

#BACCBE

#BABFCC

Color Blindness Simulation

Original

#CCBAC8

Protanopia

#C4C4C5

Deuteranopia

#C5C7C4

Tritanopia

#CBC2C1

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#EFEBEE
200
#E1D6DE
300
#CBB9C7
400
#AF92A9
500
#936C8A
600
#75576F
700
#5E4558
800
#493645
900
#372A34
950
#231A21

Contrast Checker

Text on white

1.84:1

AA Fail AAA Fail

Text on black

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