#CBBCC2

#CBBCC2

Color Values

HEX

#CBBCC2

RGB

203, 188, 194

HSL

336.0, 12.6%, 76.7%

HSV

336.0, 7.4%, 79.6%

CMYK

0.0%, 7.4%, 4.4%, 20.4%

OKLCH

0.8094 0.0188 351.3

Properties

Warm Light Nearest: lavenderblush 3

Color Harmonies

Complementary

#CBBCC2

#BCCBC5

Analogous

#CBBCCA

#CBBEBC

#CBBCC2

Triadic

#CBBCC2

#C2CBBC

#BCC2CB

Split Complementary

#CBBCC2

#BCCBBE

#BCCACB

Tetradic

#CBBCC2

#CACBBC

#BCCBC5

#BEBCCB

Color Blindness Simulation

Original

#CBBCC2

Protanopia

#C5C4C1

Deuteranopia

#C5C6C0

Tritanopia

#CABFBF

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFEBED
200
#E0D7DA
300
#CABAC0
400
#AD959E
500
#906F7C
600
#735963
700
#5C4750
800
#48383E
900
#362B2F
950
#221B1E

Contrast Checker

Text on white

1.82:1

AA Fail AAA Fail

Text on black

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