#BA4AF7

#BA4AF7

Color Values

HEX

#BA4AF7

RGB

186, 74, 247

HSL

278.8, 91.5%, 62.9%

HSV

278.8, 70.0%, 96.9%

CMYK

24.7%, 70.0%, 0.0%, 3.1%

OKLCH

0.6356 0.2504 310.8

Properties

Cool Light Nearest: darkorchid 2

Color Harmonies

Complementary

#BA4AF7

#87F74A

Analogous

#634AF7

#F74ADE

#BA4AF7

Triadic

#BA4AF7

#F7BA4A

#4AF7BA

Split Complementary

#BA4AF7

#DEF74A

#4AF763

Tetradic

#BA4AF7

#F7634A

#87F74A

#4ADEF7

Color Blindness Simulation

Original

#BA4AF7

Protanopia

#8989CD

Deuteranopia

#9098C3

Tritanopia

#B4ACA5

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F9F1FD
100
#F1DFFB
200
#E5BBFC
300
#D28AFA
400
#BA4AF7
500
#A20BF4
600
#8109C3
700
#68079C
800
#51057A
900
#3C0958
950
#260538

Contrast Checker

Text on white

3.88:1

AA Fail AAA Fail

Text on black

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