#BA12B3

#BA12B3

Color Values

HEX

#BA12B3

RGB

186, 18, 179

HSL

302.5, 82.4%, 40.0%

HSV

302.5, 90.3%, 72.9%

CMYK

0.0%, 90.3%, 3.8%, 27.1%

OKLCH

0.5537 0.2438 330.4

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#BA12B3

#12BA19

Analogous

#6D12BA

#BA125F

#BA12B3

Triadic

#BA12B3

#B3BA12

#12B3BA

Split Complementary

#BA12B3

#5FBA12

#12BA6D

Tetradic

#BA12B3

#BA6D12

#12BA19

#125FBA

Color Blindness Simulation

Original

#BA12B3

Protanopia

#71708C

Deuteranopia

#7B8883

Tritanopia

#B26D67

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#FDF2FC
100
#FAE1F9
200
#F9BEF6
300
#F48FF0
400
#EE53E8
500
#E916E0
600
#BA12B3
700
#950E8F
800
#740B70
900
#540D51
950
#350833

Contrast Checker

Text on white

5.49:1

AA Pass AAA Fail

Text on black

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