#BA2AD5

#BA2AD5

Color Values

HEX

#BA2AD5

RGB

186, 42, 213

HSL

290.5, 67.1%, 50.0%

HSV

290.5, 80.3%, 83.5%

CMYK

12.7%, 80.3%, 0.0%, 16.5%

OKLCH

0.5865 0.2531 320.5

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#BA2AD5

#45D52A

Analogous

#642AD5

#D52A9B

#BA2AD5

Triadic

#BA2AD5

#D5BA2A

#2AD5BA

Split Complementary

#BA2AD5

#9BD52A

#2AD564

Tetradic

#BA2AD5

#D5642A

#45D52A

#2A9BD5

Color Blindness Simulation

Original

#BA2AD5

Protanopia

#7C7AAC

Deuteranopia

#848FA2

Tritanopia

#B38B84

Achromatopsia

#555555

CSS Usage

background-color: #BA2AD5;
color: #BA2AD5;
border-color: #BA2AD5;
Nearest Tailwind: Fuchsia 600 #C026D3

Tailwind Shades

50
#FAF3FC
100
#F4E3F7
200
#ECC3F3
300
#DE99EB
400
#CC61E0
500
#BA2AD5
600
#9522AA
700
#771B88
800
#5D156B
900
#44134E
950
#2B0C31

Contrast Checker

Text on white

4.79:1

AA Pass AAA Fail

Text on black

4.38:1

AA Fail 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