#BA12A2

#BA12A2

Color Values

HEX

#BA12A2

RGB

186, 18, 162

HSL

308.6, 82.4%, 40.0%

HSV

308.6, 90.3%, 72.9%

CMYK

0.0%, 90.3%, 12.9%, 27.1%

OKLCH

0.544 0.2328 335.8

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#BA12A2

#12BA2A

Analogous

#7E12BA

#BA124E

#BA12A2

Triadic

#BA12A2

#A2BA12

#12A2BA

Split Complementary

#BA12A2

#4EBA12

#12BA7E

Tetradic

#BA12A2

#BA7E12

#12BA2A

#124EBA

Color Blindness Simulation

Original

#BA12A2

Protanopia

#71707F

Deuteranopia

#7B8877

Tritanopia

#B2645E

Achromatopsia

#404040

CSS Usage

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

Tailwind Shades

50
#FDF2FB
100
#FAE1F6
200
#F9BEF0
300
#F48FE6
400
#EE53D8
500
#E916CA
600
#BA12A2
700
#950E82
800
#740B65
900
#540D4A
950
#35082F

Contrast Checker

Text on white

5.68:1

AA Pass AAA Fail

Text on black

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