#BA124E

#BA124E

Color Values

HEX

#BA124E

RGB

186, 18, 78

HSL

338.6, 82.4%, 40.0%

HSV

338.6, 90.3%, 72.9%

CMYK

0.0%, 90.3%, 58.1%, 27.1%

OKLCH

0.5106 0.196 9.1

Properties

Warm Dark Nearest: Maroon

Color Harmonies

Complementary

#BA124E

#12BA7E

Analogous

#BA12A2

#BA2A12

#BA124E

Triadic

#BA124E

#4EBA12

#124EBA

Split Complementary

#BA124E

#12BA2A

#12A2BA

Tetradic

#BA124E

#A2BA12

#12BA7E

#2A12BA

Color Blindness Simulation

Original

#BA124E

Protanopia

#71703F

Deuteranopia

#7B883C

Tritanopia

#B23432

Achromatopsia

#3A3A3A

CSS Usage

background-color: #BA124E;
color: #BA124E;
border-color: #BA124E;
Nearest Tailwind: Pink 700 #BE185D

Tailwind Shades

50
#FDF2F6
100
#FAE1EA
200
#F9BED3
300
#F48FB3
400
#EE538A
500
#E91661
600
#BA124E
700
#950E3E
800
#740B31
900
#540D26
950
#350818

Contrast Checker

Text on white

6.39:1

AA Pass AAA Fail

Text on black

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