#CABAFD

#CABAFD

Color Values

HEX

#CABAFD

RGB

202, 186, 253

HSL

254.3, 94.4%, 86.1%

HSV

254.3, 26.5%, 99.2%

CMYK

20.2%, 26.5%, 0.0%, 0.8%

OKLCH

0.8254 0.0942 295.2

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#CABAFD

#EDFDBA

Analogous

#BACCFD

#ECBAFD

#CABAFD

Triadic

#CABAFD

#FDCABA

#BAFDCA

Split Complementary

#CABAFD

#FDECBA

#CCFDBA

Tetradic

#CABAFD

#FDBACC

#EDFDBA

#BAFDEC

Color Blindness Simulation

Original

#CABAFD

Protanopia

#C3C3ED

Deuteranopia

#C4C5E9

Tritanopia

#C9E0DD

Achromatopsia

#C2C2C2

CSS Usage

background-color: #CABAFD;
color: #CABAFD;
border-color: #CABAFD;
Nearest Tailwind: Violet 300 #C4B5FD

Tailwind Shades

50
#F4F1FD
100
#E6DFFB
200
#CABAFD
300
#A488FC
400
#7248FA
500
#4107F8
600
#3406C6
700
#29059F
800
#20047C
900
#1B075A
950
#110539

Contrast Checker

Text on white

1.76:1

AA Fail AAA Fail

Text on black

11.95:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026