#BA1297

#BA1297

Color Values

HEX

#BA1297

RGB

186, 18, 151

HSL

312.5, 82.4%, 40.0%

HSV

312.5, 90.3%, 72.9%

CMYK

0.0%, 90.3%, 18.8%, 27.1%

OKLCH

0.5383 0.226 339.5

Properties

Warm Dark Nearest: maroon 3

Color Harmonies

Complementary

#BA1297

#12BA35

Analogous

#8912BA

#BA1243

#BA1297

Triadic

#BA1297

#97BA12

#1297BA

Split Complementary

#BA1297

#43BA12

#12BA89

Tetradic

#BA1297

#BA8912

#12BA35

#1243BA

Color Blindness Simulation

Original

#BA1297

Protanopia

#717077

Deuteranopia

#7B886F

Tritanopia

#B25D58

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#FDF2FA
100
#FAE1F4
200
#F9BEEC
300
#F48FDF
400
#EE53CE
500
#E916BD
600
#BA1297
700
#950E79
800
#740B5E
900
#540D45
950
#35082C

Contrast Checker

Text on white

5.8:1

AA Pass AAA Fail

Text on black

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