#CABDCF

#CABDCF

Color Values

HEX

#CABDCF

RGB

202, 189, 207

HSL

283,3, 15,8%, 77,6%

HSV

283,3, 8,7%, 81,2%

CMYK

2,4%, 8,7%, 0,0%, 18,8%

OKLCH

0,8145 0,0287 316,7

Properties

Cool Light Nearest: thistle 3

Color Harmonies

Complementary

#CABDCF

#C2CFBD

Analogous

#C1BDCF

#CFBDCB

#CABDCF

Triadic

#CABDCF

#CFCABD

#BDCFCA

Split Complementary

#CABDCF

#CBCFBD

#BDCFC1

Tetradic

#CABDCF

#CFC1BD

#C2CFBD

#BDCBCF

Color Blindness Simulation

Original

#CABDCF

Protanopia

#C4C4CB

Deuteranopia

#C5C6CA

Tritanopia

#C9C7C6

Achromatopsia

#C1C1C1

CSS Usage

background-color: #CABDCF;
color: #CABDCF;
border-color: #CABDCF;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F8F6F8
100
#EEEBF0
200
#DED6E1
300
#C6B8CB
400
#A792B0
500
#886B94
600
#6D5676
700
#57455E
800
#44364A
900
#342A37
950
#211A23

Contrast Checker

Text on white

1,8:1

AA Fail AAA Fail

Text on black

11,69: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