#BA12A0

#BA12A0

Color Values

HEX

#BA12A0

RGB

186, 18, 160

HSL

309.3, 82.4%, 40.0%

HSV

309.3, 90.3%, 72.9%

CMYK

0.0%, 90.3%, 14.0%, 27.1%

OKLCH

0.543 0.2315 336.4

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#BA12A0

#12BA2C

Analogous

#8012BA

#BA124C

#BA12A0

Triadic

#BA12A0

#A0BA12

#12A0BA

Split Complementary

#BA12A0

#4CBA12

#12BA80

Tetradic

#BA12A0

#BA8012

#12BA2C

#124CBA

Color Blindness Simulation

Original

#BA12A0

Protanopia

#71707E

Deuteranopia

#7B8875

Tritanopia

#B2625D

Achromatopsia

#404040

CSS Usage

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

Tailwind Shades

50
#FDF2FB
100
#FAE1F6
200
#F9BEF0
300
#F48FE5
400
#EE53D6
500
#E916C8
600
#BA12A0
700
#950E80
800
#740B64
900
#540D49
950
#35082E

Contrast Checker

Text on white

5.7:1

AA Pass AAA Fail

Text on black

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