#BA12AD

#BA12AD

Color Values

HEX

#BA12AD

RGB

186, 18, 173

HSL

304,6, 82,4%, 40,0%

HSV

304,6, 90,3%, 72,9%

CMYK

0,0%, 90,3%, 7,0%, 27,1%

OKLCH

0,5502 0,2399 332,2

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#BA12AD

#12BA1F

Analogous

#7312BA

#BA1259

#BA12AD

Triadic

#BA12AD

#ADBA12

#12ADBA

Split Complementary

#BA12AD

#59BA12

#12BA73

Tetradic

#BA12AD

#BA7312

#12BA1F

#1259BA

Color Blindness Simulation

Original

#BA12AD

Protanopia

#717088

Deuteranopia

#7B887E

Tritanopia

#B26A63

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#FDF2FC
100
#FAE1F8
200
#F9BEF4
300
#F48FEC
400
#EE53E2
500
#E916D8
600
#BA12AD
700
#950E8B
800
#740B6C
900
#540D4F
950
#350832

Contrast Checker

Text on white

5,56:1

AA Pass AAA Fail

Text on black

3,78: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