#BA12B1

#BA12B1

Color Values

HEX

#BA12B1

RGB

186, 18, 177

HSL

303.2, 82.4%, 40.0%

HSV

303.2, 90.3%, 72.9%

CMYK

0.0%, 90.3%, 4.8%, 27.1%

OKLCH

0.5525 0.2425 331.0

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#BA12B1

#12BA1B

Analogous

#6F12BA

#BA125D

#BA12B1

Triadic

#BA12B1

#B1BA12

#12B1BA

Split Complementary

#BA12B1

#5DBA12

#12BA6F

Tetradic

#BA12B1

#BA6F12

#12BA1B

#125DBA

Color Blindness Simulation

Original

#BA12B1

Protanopia

#71708B

Deuteranopia

#7B8881

Tritanopia

#B26C65

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#FDF2FC
100
#FAE1F8
200
#F9BEF6
300
#F48FEF
400
#EE53E6
500
#E916DD
600
#BA12B1
700
#950E8E
800
#740B6F
900
#540D51
950
#350833

Contrast Checker

Text on white

5.51:1

AA Pass AAA Fail

Text on black

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