#BA5F89

#BA5F89

Color Values

HEX

#BA5F89

RGB

186, 95, 137

HSL

332.3, 39.7%, 55.1%

HSV

332.3, 48.9%, 72.9%

CMYK

0.0%, 48.9%, 26.3%, 27.1%

OKLCH

0.6055 0.1265 352.5

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#BA5F89

#5FBA90

Analogous

#BA5FB6

#BA635F

#BA5F89

Triadic

#BA5F89

#89BA5F

#5F89BA

Split Complementary

#BA5F89

#5FBA63

#5FB6BA

Tetradic

#BA5F89

#B6BA5F

#5FBA90

#635FBA

Color Blindness Simulation

Original

#BA5F89

Protanopia

#93927F

Deuteranopia

#989F7C

Tritanopia

#B57775

Achromatopsia

#757575

CSS Usage

background-color: #BA5F89;
color: #BA5F89;
border-color: #BA5F89;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FAF5F7
100
#F3E7ED
200
#E9CDDA
300
#DAAAC0
400
#C67B9E
500
#B24D7C
600
#8E3E63
700
#72314F
800
#59263E
900
#421F2F
950
#2A141E

Contrast Checker

Text on white

4.13:1

AA Fail AAA Fail

Text on black

5.09:1

AA Pass 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