#BA12B6

#BA12B6

Color Values

HEX

#BA12B6

RGB

186, 18, 182

HSL

301.4, 82.4%, 40.0%

HSV

301.4, 90.3%, 72.9%

CMYK

0.0%, 90.3%, 2.2%, 27.1%

OKLCH

0.5555 0.2459 329.5

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#BA12B6

#12BA16

Analogous

#6A12BA

#BA1262

#BA12B6

Triadic

#BA12B6

#B6BA12

#12B6BA

Split Complementary

#BA12B6

#62BA12

#12BA6A

Tetradic

#BA12B6

#BA6A12

#12BA16

#1262BA

Color Blindness Simulation

Original

#BA12B6

Protanopia

#71708E

Deuteranopia

#7B8885

Tritanopia

#B26F68

Achromatopsia

#424242

CSS Usage

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

Tailwind Shades

50
#FDF2FC
100
#FAE1F9
200
#F9BEF7
300
#F48FF2
400
#EE53EB
500
#E916E4
600
#BA12B6
700
#950E92
800
#740B72
900
#540D53
950
#350834

Contrast Checker

Text on white

5.45:1

AA Pass AAA Fail

Text on black

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