#BA12A7

#BA12A7

Color Values

HEX

#BA12A7

RGB

186, 18, 167

HSL

306.8, 82.4%, 40.0%

HSV

306.8, 90.3%, 72.9%

CMYK

0.0%, 90.3%, 10.2%, 27.1%

OKLCH

0.5468 0.236 334.1

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#BA12A7

#12BA25

Analogous

#7912BA

#BA1253

#BA12A7

Triadic

#BA12A7

#A7BA12

#12A7BA

Split Complementary

#BA12A7

#53BA12

#12BA79

Tetradic

#BA12A7

#BA7912

#12BA25

#1253BA

Color Blindness Simulation

Original

#BA12A7

Protanopia

#717083

Deuteranopia

#7B887A

Tritanopia

#B26660

Achromatopsia

#404040

CSS Usage

background-color: #BA12A7;
color: #BA12A7;
border-color: #BA12A7;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FDF2FB
100
#FAE1F7
200
#F9BEF2
300
#F48FE9
400
#EE53DD
500
#E916D1
600
#BA12A7
700
#950E86
800
#740B68
900
#540D4C
950
#350830

Contrast Checker

Text on white

5.63:1

AA Pass AAA Fail

Text on black

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