#CABBC4

#CABBC4

Color Values

HEX

#CABBC4

RGB

202, 187, 196

HSL

324.0, 12.4%, 76.3%

HSV

324.0, 7.4%, 79.2%

CMYK

0.0%, 7.4%, 3.0%, 20.8%

OKLCH

0.8072 0.0209 340.8

Properties

Warm Light Nearest: lavenderblush 3

Color Harmonies

Complementary

#CABBC4

#BBCAC1

Analogous

#C9BBCA

#CABBBD

#CABBC4

Triadic

#CABBC4

#C4CABB

#BBC4CA

Split Complementary

#CABBC4

#BDCABB

#BBCAC9

Tetradic

#CABBC4

#CAC9BB

#BBCAC1

#BBBDCA

Color Blindness Simulation

Original

#CABBC4

Protanopia

#C4C3C2

Deuteranopia

#C4C5C1

Tritanopia

#C9C0C0

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EFEBEE
200
#E0D7DC
300
#C9BAC3
400
#AC95A3
500
#8F7083
600
#735969
700
#5C4754
800
#483841
900
#362B32
950
#221B1F

Contrast Checker

Text on white

1.84:1

AA Fail AAA Fail

Text on black

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