#BA4DF5

#BA4DF5

Color Values

HEX

#BA4DF5

RGB

186, 77, 245

HSL

278.9, 89.4%, 63.1%

HSV

278.9, 68.6%, 96.1%

CMYK

24.1%, 68.6%, 0.0%, 3.9%

OKLCH

0.6374 0.245 311.1

Properties

Cool Light Nearest: darkorchid 2

Color Harmonies

Complementary

#BA4DF5

#88F54D

Analogous

#664DF5

#F54DDC

#BA4DF5

Triadic

#BA4DF5

#F5BA4D

#4DF5BA

Split Complementary

#BA4DF5

#DCF54D

#4DF566

Tetradic

#BA4DF5

#F5664D

#88F54D

#4DDCF5

Color Blindness Simulation

Original

#BA4DF5

Protanopia

#8B8ACC

Deuteranopia

#9199C3

Tritanopia

#B5ACA5

Achromatopsia

#707070

CSS Usage

background-color: #BA4DF5;
color: #BA4DF5;
border-color: #BA4DF5;
Nearest Tailwind: Purple 500 #A855F7

Tailwind Shades

50
#F9F2FD
100
#F1E0FB
200
#E5BBFB
300
#D28BF9
400
#BA4CF5
500
#A10EF1
600
#810BC1
700
#67099B
800
#510779
900
#3C0957
950
#260637

Contrast Checker

Text on white

3.84:1

AA Fail AAA Fail

Text on black

5.47:1

AA Pass AAA Fail

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