#CAB6CF

#CAB6CF

Color Values

HEX

#CAB6CF

RGB

202, 182, 207

HSL

288,0, 20,7%, 76,3%

HSV

288,0, 12,1%, 81,2%

CMYK

2,4%, 12,1%, 0,0%, 18,8%

OKLCH

0,8009 0,0411 319,5

Properties

Cool Light Nearest: thistle 3

Color Harmonies

Complementary

#CAB6CF

#BBCFB6

Analogous

#BEB6CF

#CFB6C8

#CAB6CF

Triadic

#CAB6CF

#CFCAB6

#B6CFCA

Split Complementary

#CAB6CF

#C8CFB6

#B6CFBE

Tetradic

#CAB6CF

#CFBEB6

#BBCFB6

#B6C8CF

Color Blindness Simulation

Original

#CAB6CF

Protanopia

#C1C1C9

Deuteranopia

#C2C4C7

Tritanopia

#C9C4C3

Achromatopsia

#BCBCBC

CSS Usage

background-color: #CAB6CF;
color: #CAB6CF;
border-color: #CAB6CF;
Nearest Tailwind: Violet 200 #DDD6FE

Tailwind Shades

50
#F8F6F9
100
#EFEAF0
200
#E0D4E3
300
#C9B5CE
400
#AC8DB4
500
#8F659A
600
#73517B
700
#5C4162
800
#48334D
900
#362739
950
#221924

Contrast Checker

Text on white

1,89:1

AA Fail AAA Fail

Text on black

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