#BA8DF7

#BA8DF7

Color Values

HEX

#BA8DF7

RGB

186, 141, 247

HSL

265.5, 86.9%, 76.1%

HSV

265.5, 42.9%, 96.9%

CMYK

24.7%, 42.9%, 0.0%, 3.1%

OKLCH

0.728 0.1549 302.3

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#BA8DF7

#CAF78D

Analogous

#8D95F7

#EF8DF7

#BA8DF7

Triadic

#BA8DF7

#F7BA8D

#8DF7BA

Split Complementary

#BA8DF7

#F7EF8D

#95F78D

Tetradic

#BA8DF7

#F78D95

#CAF78D

#8DF7EF

Color Blindness Simulation

Original

#BA8DF7

Protanopia

#A7A6DD

Deuteranopia

#A9ACD7

Tritanopia

#B8C9C5

Achromatopsia

#9E9E9E

CSS Usage

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

Tailwind Shades

50
#F7F2FD
100
#EBE0FA
200
#D7BCFA
300
#BA8DF7
400
#944FF3
500
#6F11EE
600
#590DBF
700
#470B99
800
#370877
900
#2B0B56
950
#1B0737

Contrast Checker

Text on white

2.55:1

AA Fail AAA Fail

Text on black

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