#BA99EB

#BA99EB

Color Values

HEX

#BA99EB

RGB

186, 153, 235

HSL

264.1, 67.2%, 76.1%

HSV

264.1, 34.9%, 92.2%

CMYK

20.9%, 34.9%, 0.0%, 7.8%

OKLCH

0.7432 0.1203 302.1

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#BA99EB

#CAEB99

Analogous

#99A1EB

#E399EB

#BA99EB

Triadic

#BA99EB

#EBBA99

#99EBBA

Split Complementary

#BA99EB

#EBE399

#A1EB99

Tetradic

#BA99EB

#EB99A1

#CAEB99

#99EBE3

Color Blindness Simulation

Original

#BA99EB

Protanopia

#ACABD7

Deuteranopia

#AEB0D2

Tritanopia

#B8C7C4

Achromatopsia

#A6A6A6

CSS Usage

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

Tailwind Shades

50
#F6F3FC
100
#EBE3F7
200
#D7C3F3
300
#BA99EB
400
#9461E0
500
#6F2AD5
600
#5921AB
700
#471B88
800
#37156B
900
#2B134E
950
#1B0C31

Contrast Checker

Text on white

2.37:1

AA Fail AAA Fail

Text on black

8.84:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2月 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2月 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2月 20, 2026