#87A0BA

#87A0BA

Color Values

HEX

#87A0BA

RGB

135, 160, 186

HSL

210.6, 27.0%, 62.9%

HSV

210.6, 27.4%, 72.9%

CMYK

27.4%, 14.0%, 0.0%, 27.1%

OKLCH

0.6956 0.0475 249.5

Properties

Cool Light Nearest: lightsteelblue 3

Color Harmonies

Complementary

#87A0BA

#BAA187

Analogous

#87B9BA

#8787BA

#87A0BA

Triadic

#87A0BA

#BA87A0

#A0BA87

Split Complementary

#87A0BA

#BA8787

#B9BA87

Tetradic

#87A0BA

#BA87B9

#BAA187

#87BA87

Color Blindness Simulation

Original

#87A0BA

Protanopia

#9292B4

Deuteranopia

#908EB2

Tritanopia

#88AFAE

Achromatopsia

#9D9D9D

CSS Usage

background-color: #87A0BA;
color: #87A0BA;
border-color: #87A0BA;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F6F7F9
100
#E9EDF1
200
#D2DBE5
300
#B1C1D2
400
#87A0BA
500
#5D7FA2
600
#4A6582
700
#3C5168
800
#2F3F51
900
#25303C
950
#171E26

Contrast Checker

Text on white

2.7:1

AA Fail AAA Fail

Text on black

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