#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

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