#BA87A8

#BA87A8

Color Values

HEX

#BA87A8

RGB

186, 135, 168

HSL

321.2, 27.0%, 62.9%

HSV

321.2, 27.4%, 72.9%

CMYK

0.0%, 27.4%, 9.7%, 27.1%

OKLCH

0.6835 0.0763 340.3

Properties

Warm Light Nearest: pink 3

Color Harmonies

Complementary

#BA87A8

#87BA99

Analogous

#B287BA

#BA878E

#BA87A8

Triadic

#BA87A8

#A8BA87

#87A8BA

Split Complementary

#BA87A8

#8EBA87

#87BAB2

Tetradic

#BA87A8

#BAB287

#87BA99

#878EBA

Color Blindness Simulation

Original

#BA87A8

Protanopia

#A4A3A0

Deuteranopia

#A7AB9E

Tritanopia

#B79A98

Achromatopsia

#949494

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F1E9EE
200
#E5D2DE
300
#D2B1C7
400
#BA87A8
500
#A25D8A
600
#824A6E
700
#683C58
800
#512F45
900
#3C2534
950
#261721

Contrast Checker

Text on white

2.95:1

AA Fail AAA Fail

Text on black

7.12:1

AA Pass AAA Pass

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