#BAA5DF

#BAA5DF

Color Values

HEX

#BAA5DF

RGB

186, 165, 223

HSL

261,7, 47,5%, 76,1%

HSV

261,7, 26,0%, 87,5%

CMYK

16,6%, 26,0%, 0,0%, 12,5%

OKLCH

0,7602 0,0847 301,0

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#BAA5DF

#CADFA5

Analogous

#A5ADDF

#D7A5DF

#BAA5DF

Triadic

#BAA5DF

#DFBAA5

#A5DFBA

Split Complementary

#BAA5DF

#DFD7A5

#ADDFA5

Tetradic

#BAA5DF

#DFA5AD

#CADFA5

#A5DFD7

Color Blindness Simulation

Original

#BAA5DF

Protanopia

#B1B1D1

Deuteranopia

#B2B4CE

Tritanopia

#B9C6C3

Achromatopsia

#AEAEAE

CSS Usage

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

Tailwind Shades

50
#F6F4FA
100
#EBE6F4
200
#D7CAEC
300
#BAA5DF
400
#9474CD
500
#6F43BC
600
#593696
700
#472B78
800
#37215E
900
#2B1C45
950
#1B122C

Contrast Checker

Text on white

2,2:1

AA Fail AAA Fail

Text on black

9,54:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026