#BA4DF4

#BA4DF4

Color Values

HEX

#BA4DF4

RGB

186, 77, 244

HSL

279.2, 88.4%, 62.9%

HSV

279.2, 68.4%, 95.7%

CMYK

23.8%, 68.4%, 0.0%, 4.3%

OKLCH

0.6367 0.2441 311.3

Properties

Cool Light Nearest: darkorchid 2

Color Harmonies

Complementary

#BA4DF4

#87F44D

Analogous

#664DF4

#F44DDA

#BA4DF4

Triadic

#BA4DF4

#F4BA4D

#4DF4BA

Split Complementary

#BA4DF4

#DAF44D

#4DF466

Tetradic

#BA4DF4

#F4664D

#87F44D

#4DDAF4

Color Blindness Simulation

Original

#BA4DF4

Protanopia

#8B8ACC

Deuteranopia

#9199C2

Tritanopia

#B5ACA5

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#F9F2FD
100
#F1E0FB
200
#E5BCFB
300
#D28CF8
400
#BA4DF4
500
#A20FF0
600
#820CC0
700
#68099A
800
#510778
900
#3C0A57
950
#260637

Contrast Checker

Text on white

3.85:1

AA Fail AAA Fail

Text on black

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