#CCBDC2

#CCBDC2

Color Values

HEX

#CCBDC2

RGB

204, 189, 194

HSL

340,0, 12,8%, 77,1%

HSV

340,0, 7,4%, 80,0%

CMYK

0,0%, 7,4%, 4,9%, 20,0%

OKLCH

0,8122 0,0182 355,2

Properties

Warm Light Nearest: lavenderblush 3

Color Harmonies

Complementary

#CCBDC2

#BDCCC7

Analogous

#CCBDCA

#CCC0BD

#CCBDC2

Triadic

#CCBDC2

#C2CCBD

#BDC2CC

Split Complementary

#CCBDC2

#BDCCC0

#BDCACC

Tetradic

#CCBDC2

#CACCBD

#BDCCC7

#C0BDCC

Color Blindness Simulation

Original

#CCBDC2

Protanopia

#C6C5C1

Deuteranopia

#C6C7C0

Tritanopia

#CBC0C0

Achromatopsia

#C1C1C1

CSS Usage

background-color: #CCBDC2;
color: #CCBDC2;
border-color: #CCBDC2;
Nearest Tailwind: Stone 300 #D6D3D1

Tailwind Shades

50
#F8F7F7
100
#EFEBED
200
#E0D7DA
300
#CABABF
400
#AD959D
500
#906F7A
600
#735962
700
#5C474E
800
#48383D
900
#362B2F
950
#221B1D

Contrast Checker

Text on white

1,81:1

AA Fail AAA Fail

Text on black

11,63: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