#CCBCC2

#CCBCC2

Color Values

HEX

#CCBCC2

RGB

204, 188, 194

HSL

337.5, 13.6%, 76.9%

HSV

337.5, 7.8%, 80.0%

CMYK

0.0%, 7.8%, 4.9%, 20.0%

OKLCH

0.8103 0.0198 352.8

Properties

Warm Light Nearest: lavenderblush 3

Color Harmonies

Complementary

#CCBCC2

#BCCCC6

Analogous

#CCBCCA

#CCBEBC

#CCBCC2

Triadic

#CCBCC2

#C2CCBC

#BCC2CC

Split Complementary

#CCBCC2

#BCCCBE

#BCCACC

Tetradic

#CCBCC2

#CACCBC

#BCCCC6

#BEBCCC

Color Blindness Simulation

Original

#CCBCC2

Protanopia

#C5C5C1

Deuteranopia

#C6C7C0

Tritanopia

#CBBFBF

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#F8F6F7
100
#EFEBED
200
#E0D6DA
300
#CAB9C0
400
#AD949D
500
#916E7B
600
#745863
700
#5D474F
800
#48373E
900
#362B2F
950
#221B1E

Contrast Checker

Text on white

1.82:1

AA Fail AAA Fail

Text on black

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