#BA7FA3

#BA7FA3

Color Values

HEX

#BA7FA3

RGB

186, 127, 163

HSL

323.4, 29.9%, 61.4%

HSV

323.4, 31.7%, 72.9%

CMYK

0.0%, 31.7%, 12.4%, 27.1%

OKLCH

0.6674 0.087 342.5

Properties

Warm Light Nearest: plum 3

Color Harmonies

Complementary

#BA7FA3

#7FBA96

Analogous

#B47FBA

#BA7F86

#BA7FA3

Triadic

#BA7FA3

#A3BA7F

#7FA3BA

Split Complementary

#BA7FA3

#86BA7F

#7FBAB4

Tetradic

#BA7FA3

#BAB47F

#7FBA96

#7F86BA

Color Blindness Simulation

Original

#BA7FA3

Protanopia

#A0A09A

Deuteranopia

#A4A898

Tritanopia

#B79392

Achromatopsia

#8E8E8E

CSS Usage

background-color: #BA7FA3;
color: #BA7FA3;
border-color: #BA7FA3;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#F9F5F8
100
#F2E9EE
200
#E6D1DE
300
#D4B0C6
400
#BD84A7
500
#A65988
600
#84486D
700
#6A3957
800
#532D44
900
#3D2333
950
#271620

Contrast Checker

Text on white

3.16:1

AA Fail AAA Fail

Text on black

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