#BA457A

#BA457A

Color Values

HEX

#BA457A

RGB

186, 69, 122

HSL

332.8, 45.9%, 50.0%

HSV

332.8, 62.9%, 72.9%

CMYK

0.0%, 62.9%, 34.4%, 27.1%

OKLCH

0.5649 0.1595 355.3

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#BA457A

#45BA85

Analogous

#BA45B5

#BA4A45

#BA457A

Triadic

#BA457A

#7ABA45

#457ABA

Split Complementary

#BA457A

#45BA4A

#45B5BA

Tetradic

#BA457A

#B5BA45

#45BA85

#4A45BA

Color Blindness Simulation

Original

#BA457A

Protanopia

#87866D

Deuteranopia

#8E976A

Tritanopia

#B46361

Achromatopsia

#626262

CSS Usage

background-color: #BA457A;
color: #BA457A;
border-color: #BA457A;
Nearest Tailwind: Pink 800 #9D174D

Tailwind Shades

50
#FAF4F7
100
#F4E6ED
200
#ECCBDA
300
#DEA6BF
400
#CC759D
500
#BA457A
600
#953762
700
#772C4E
800
#5D223D
900
#441C2F
950
#2B121D

Contrast Checker

Text on white

4.98:1

AA Pass AAA Fail

Text on black

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