#CAABFC

#CAABFC

Color Values

HEX

#CAABFC

RGB

202, 171, 252

HSL

263.0, 93.1%, 82.9%

HSV

263.0, 32.1%, 98.8%

CMYK

19.8%, 32.1%, 0.0%, 1.2%

OKLCH

0.7974 0.1167 301.4

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#CAABFC

#DDFCAB

Analogous

#ABB4FC

#F3ABFC

#CAABFC

Triadic

#CAABFC

#FCCAAB

#ABFCCA

Split Complementary

#CAABFC

#FCF3AB

#B4FCAB

Tetradic

#CAABFC

#FCABB4

#DDFCAB

#ABFCF3

Color Blindness Simulation

Original

#CAABFC

Protanopia

#BDBCE8

Deuteranopia

#BEC1E4

Tritanopia

#C8D9D6

Achromatopsia

#B7B7B7

CSS Usage

background-color: #CAABFC;
color: #CAABFC;
border-color: #CAABFC;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F6F1FD
100
#EADFFB
200
#D4BAFD
300
#B589FB
400
#8C49F8
500
#6409F6
600
#5007C5
700
#40069E
800
#32047B
900
#270859
950
#190538

Contrast Checker

Text on white

1.95:1

AA Fail AAA Fail

Text on black

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