#BA5488

#BA5488

Color Values

HEX

#BA5488

RGB

186, 84, 136

HSL

329.4, 42.5%, 52.9%

HSV

329.4, 54.8%, 72.9%

CMYK

0.0%, 54.8%, 26.9%, 27.1%

OKLCH

0.5892 0.1438 350.6

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#BA5488

#54BA86

Analogous

#B954BA

#BA5455

#BA5488

Triadic

#BA5488

#88BA54

#5488BA

Split Complementary

#BA5488

#55BA54

#54BAB9

Tetradic

#BA5488

#BAB954

#54BA86

#5455BA

Color Blindness Simulation

Original

#BA5488

Protanopia

#8E8D7B

Deuteranopia

#949B78

Tritanopia

#B5716F

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#FAF5F7
100
#F4E7ED
200
#EACCDC
300
#DCA8C2
400
#C979A1
500
#B64981
600
#913B67
700
#742F52
800
#5B2540
900
#431E31
950
#2A131F

Contrast Checker

Text on white

4.46:1

AA Fail AAA Fail

Text on black

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