#CCBAC1

#CCBAC1

Color Values

HEX

#CCBAC1

RGB

204, 186, 193

HSL

336.7, 15.0%, 76.5%

HSV

336.7, 8.8%, 80.0%

CMYK

0.0%, 8.8%, 5.4%, 20.0%

OKLCH

0.806 0.0225 352.0

Properties

Warm Light Nearest: lavenderblush 3

Color Harmonies

Complementary

#CCBAC1

#BACCC5

Analogous

#CCBACA

#CCBCBA

#CCBAC1

Triadic

#CCBAC1

#C1CCBA

#BAC1CC

Split Complementary

#CCBAC1

#BACCBC

#BACACC

Tetradic

#CCBAC1

#CACCBA

#BACCC5

#BCBACC

Color Blindness Simulation

Original

#CCBAC1

Protanopia

#C4C4BF

Deuteranopia

#C5C7BF

Tritanopia

#CBBEBE

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#F8F6F7
100
#EFEBED
200
#E1D6DA
300
#CBB9C0
400
#AF929D
500
#936C7B
600
#755763
700
#5E454F
800
#49363E
900
#372A2F
950
#231A1E

Contrast Checker

Text on white

1.85:1

AA Fail AAA Fail

Text on black

11.36:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026