#BA12B7

#BA12B7

Color Values

HEX

#BA12B7

RGB

186, 18, 183

HSL

301.1, 82.4%, 40.0%

HSV

301.1, 90.3%, 72.9%

CMYK

0.0%, 90.3%, 1.6%, 27.1%

OKLCH

0.5561 0.2465 329.2

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#BA12B7

#12BA15

Analogous

#6912BA

#BA1263

#BA12B7

Triadic

#BA12B7

#B7BA12

#12B7BA

Split Complementary

#BA12B7

#63BA12

#12BA69

Tetradic

#BA12B7

#BA6912

#12BA15

#1263BA

Color Blindness Simulation

Original

#BA12B7

Protanopia

#71708F

Deuteranopia

#7B8886

Tritanopia

#B27069

Achromatopsia

#424242

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FAE1F9
200
#F9BEF8
300
#F48FF2
400
#EE53EC
500
#E916E5
600
#BA12B7
700
#950E92
800
#740B72
900
#540D53
950
#350834

Contrast Checker

Text on white

5.44:1

AA Pass AAA Fail

Text on black

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