#BA387A

#BA387A

Color Values

HEX

#BA387A

RGB

186, 56, 122

HSL

329.5, 53.7%, 47.5%

HSV

329.5, 69.9%, 72.9%

CMYK

0.0%, 69.9%, 34.4%, 27.1%

OKLCH

0.5507 0.1768 353.3

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#BA387A

#38BA78

Analogous

#B938BA

#BA3839

#BA387A

Triadic

#BA387A

#7ABA38

#387ABA

Split Complementary

#BA387A

#39BA38

#38BAB9

Tetradic

#BA387A

#BAB938

#38BA78

#3839BA

Color Blindness Simulation

Original

#BA387A

Protanopia

#82816A

Deuteranopia

#899366

Tritanopia

#B45D5B

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F5E5ED
200
#EEC8DC
300
#E3A1C2
400
#D36EA1
500
#C43B81
600
#9D2F67
700
#7D2652
800
#621E40
900
#481931
950
#2D101F

Contrast Checker

Text on white

5.34:1

AA Pass AAA Fail

Text on black

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