#BA12AA

#BA12AA

Color Values

HEX

#BA12AA

RGB

186, 18, 170

HSL

305.7, 82.4%, 40.0%

HSV

305.7, 90.3%, 72.9%

CMYK

0.0%, 90.3%, 8.6%, 27.1%

OKLCH

0.5485 0.2379 333.2

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#BA12AA

#12BA22

Analogous

#7612BA

#BA1256

#BA12AA

Triadic

#BA12AA

#AABA12

#12AABA

Split Complementary

#BA12AA

#56BA12

#12BA76

Tetradic

#BA12AA

#BA7612

#12BA22

#1256BA

Color Blindness Simulation

Original

#BA12AA

Protanopia

#717085

Deuteranopia

#7B887C

Tritanopia

#B26862

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#FDF2FC
100
#FAE1F7
200
#F9BEF3
300
#F48FEB
400
#EE53E0
500
#E916D5
600
#BA12AA
700
#950E88
800
#740B6A
900
#540D4E
950
#350831

Contrast Checker

Text on white

5.59:1

AA Pass AAA Fail

Text on black

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