#CCBCC4

#CCBCC4

Color Values

HEX

#CCBCC4

RGB

204, 188, 196

HSL

330.0, 13.6%, 76.9%

HSV

330.0, 7.8%, 80.0%

CMYK

0.0%, 7.8%, 3.9%, 20.0%

OKLCH

0.8109 0.0211 345.8

Properties

Warm Light Nearest: lavenderblush 3

Color Harmonies

Complementary

#CCBCC4

#BCCCC4

Analogous

#CCBCCC

#CCBCBC

#CCBCC4

Triadic

#CCBCC4

#C4CCBC

#BCC4CC

Split Complementary

#CCBCC4

#BCCCBC

#BCCCCC

Tetradic

#CCBCC4

#CCCCBC

#BCCCC4

#BCBCCC

Color Blindness Simulation

Original

#CCBCC4

Protanopia

#C5C5C2

Deuteranopia

#C6C7C2

Tritanopia

#CBC1C0

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#F8F6F7
100
#EFEBED
200
#E0D6DB
300
#CAB9C2
400
#AD94A1
500
#916E80
600
#745866
700
#5D4752
800
#483740
900
#362B30
950
#221B1F

Contrast Checker

Text on white

1.82:1

AA Fail AAA Fail

Text on black

11.56:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026