#87ABBA

#87ABBA

Color Values

HEX

#87ABBA

RGB

135, 171, 186

HSL

197.6, 27.0%, 62.9%

HSV

197.6, 27.4%, 72.9%

CMYK

27.4%, 8.1%, 0.0%, 27.1%

OKLCH

0.7198 0.0448 225.2

Properties

Cool Light Nearest: lightskyblue 3

Color Harmonies

Complementary

#87ABBA

#BA9687

Analogous

#87BAAF

#8791BA

#87ABBA

Triadic

#87ABBA

#BA87AB

#ABBA87

Split Complementary

#87ABBA

#BA8791

#BAAF87

Tetradic

#87ABBA

#AF87BA

#BA9687

#91BA87

Color Blindness Simulation

Original

#87ABBA

Protanopia

#9797B6

Deuteranopia

#9492B6

Tritanopia

#89B4B3

Achromatopsia

#A4A4A4

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#E9EFF1
200
#D2DFE5
300
#B1C9D2
400
#87ABBA
500
#5D8EA2
600
#4A7182
700
#3C5B68
800
#2F4751
900
#25353C
950
#172226

Contrast Checker

Text on white

2.45:1

AA Fail AAA Fail

Text on black

8.56:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026