#BA8EF6

#BA8EF6

Color Values

HEX

#BA8EF6

RGB

186, 142, 246

HSL

265.4, 85.2%, 76.1%

HSV

265.4, 42.3%, 96.5%

CMYK

24.4%, 42.3%, 0.0%, 3.5%

OKLCH

0.7292 0.1521 302.3

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#BA8EF6

#CAF68E

Analogous

#8E96F6

#EE8EF6

#BA8EF6

Triadic

#BA8EF6

#F6BA8E

#8EF6BA

Split Complementary

#BA8EF6

#F6EE8E

#96F68E

Tetradic

#BA8EF6

#F68E96

#CAF68E

#8EF6EE

Color Blindness Simulation

Original

#BA8EF6

Protanopia

#A7A7DD

Deuteranopia

#AAADD7

Tritanopia

#B8C9C5

Achromatopsia

#9F9F9F

CSS Usage

background-color: #BA8EF6;
color: #BA8EF6;
border-color: #BA8EF6;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F7F2FD
100
#EBE0FA
200
#D7BDFA
300
#BA8EF6
400
#9450F1
500
#6F13EC
600
#590FBD
700
#470C97
800
#370976
900
#2B0B56
950
#1B0736

Contrast Checker

Text on white

2.53:1

AA Fail AAA Fail

Text on black

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