#CBC4BC

#CBC4BC

Color Values

HEX

#CBC4BC

RGB

203, 196, 188

HSL

32.0, 12.6%, 76.7%

HSV

32.0, 7.4%, 79.6%

CMYK

0.0%, 3.4%, 7.4%, 20.4%

OKLCH

0.8237 0.0136 71.3

Properties

Warm Light Nearest: seashell 3

Color Harmonies

Complementary

#CBC4BC

#BCC3CB

Analogous

#CBBDBC

#CBCBBC

#CBC4BC

Triadic

#CBC4BC

#BCCBC4

#C4BCCB

Split Complementary

#CBC4BC

#BCCBCB

#BDBCCB

Tetradic

#CBC4BC

#BCCBBD

#BCC3CB

#CBBCCB

Color Blindness Simulation

Original

#CBC4BC

Protanopia

#C8C8BE

Deuteranopia

#C8C9BE

Tritanopia

#CBBFC0

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFEDEB
200
#E0DCD7
300
#CAC2BA
400
#ADA195
500
#90816F
600
#736759
700
#5C5247
800
#484038
900
#36312B
950
#221F1B

Contrast Checker

Text on white

1.73:1

AA Fail AAA Fail

Text on black

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