#8987BA

#8987BA

Color Values

HEX

#8987BA

RGB

137, 135, 186

HSL

242.4, 27.0%, 62.9%

HSV

242.4, 27.4%, 72.9%

CMYK

26.3%, 27.4%, 0.0%, 27.1%

OKLCH

0.6444 0.0757 285.9

Properties

Cool Light Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#8987BA

#B8BA87

Analogous

#879EBA

#A287BA

#8987BA

Triadic

#8987BA

#BA8987

#87BA89

Split Complementary

#8987BA

#BAA287

#9EBA87

Tetradic

#8987BA

#BA879E

#B8BA87

#87BAA2

Color Blindness Simulation

Original

#8987BA

Protanopia

#8888AE

Deuteranopia

#8888AB

Tritanopia

#89A4A2

Achromatopsia

#8B8B8B

CSS Usage

background-color: #8987BA;
color: #8987BA;
border-color: #8987BA;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F6F6F9
100
#E9E9F1
200
#D2D2E5
300
#B3B1D2
400
#8987BA
500
#605DA2
600
#4D4A82
700
#3D3C68
800
#302F51
900
#26253C
950
#181726

Contrast Checker

Text on white

3.37:1

AA Fail AAA Fail

Text on black

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