#CABBC8

#CABBC8

Color Values

HEX

#CABBC8

RGB

202, 187, 200

HSL

308.0, 12.4%, 76.3%

HSV

308.0, 7.4%, 79.2%

CMYK

0.0%, 7.4%, 1.0%, 20.8%

OKLCH

0.8084 0.0245 330.1

Properties

Warm Light Nearest: lavenderblush 3

Color Harmonies

Complementary

#CABBC8

#BBCABD

Analogous

#C5BBCA

#CABBC1

#CABBC8

Triadic

#CABBC8

#C8CABB

#BBC8CA

Split Complementary

#CABBC8

#C1CABB

#BBCAC5

Tetradic

#CABBC8

#CAC5BB

#BBCABD

#BBC1CA

Color Blindness Simulation

Original

#CABBC8

Protanopia

#C4C3C5

Deuteranopia

#C4C5C4

Tritanopia

#C9C2C2

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EFEBEF
200
#E0D7DF
300
#C9BAC7
400
#AC95A9
500
#8F708B
600
#73596F
700
#5C4759
800
#483846
900
#362B34
950
#221B21

Contrast Checker

Text on white

1.83:1

AA Fail AAA Fail

Text on black

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