#BA12A3

#BA12A3

Color Values

HEX

#BA12A3

RGB

186, 18, 163

HSL

308.2, 82.4%, 40.0%

HSV

308.2, 90.3%, 72.9%

CMYK

0.0%, 90.3%, 12.4%, 27.1%

OKLCH

0.5446 0.2334 335.4

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#BA12A3

#12BA29

Analogous

#7D12BA

#BA124F

#BA12A3

Triadic

#BA12A3

#A3BA12

#12A3BA

Split Complementary

#BA12A3

#4FBA12

#12BA7D

Tetradic

#BA12A3

#BA7D12

#12BA29

#124FBA

Color Blindness Simulation

Original

#BA12A3

Protanopia

#717080

Deuteranopia

#7B8878

Tritanopia

#B2645E

Achromatopsia

#404040

CSS Usage

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

Tailwind Shades

50
#FDF2FB
100
#FAE1F6
200
#F9BEF1
300
#F48FE6
400
#EE53D9
500
#E916CC
600
#BA12A3
700
#950E82
800
#740B66
900
#540D4B
950
#35082F

Contrast Checker

Text on white

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