#87A9BA

#87A9BA

Color Values

HEX

#87A9BA

RGB

135, 169, 186

HSL

200.0, 27.0%, 62.9%

HSV

200.0, 27.4%, 72.9%

CMYK

27.4%, 9.1%, 0.0%, 27.1%

OKLCH

0.7153 0.0447 229.8

Properties

Cool Light Nearest: lightskyblue 3

Color Harmonies

Complementary

#87A9BA

#BA9887

Analogous

#87BAB1

#878FBA

#87A9BA

Triadic

#87A9BA

#BA87A9

#A9BA87

Split Complementary

#87A9BA

#BA878F

#BAB187

Tetradic

#87A9BA

#B187BA

#BA9887

#8FBA87

Color Blindness Simulation

Original

#87A9BA

Protanopia

#9696B6

Deuteranopia

#9491B5

Tritanopia

#89B3B2

Achromatopsia

#A3A3A3

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#E9EFF1
200
#D2DFE5
300
#B1C7D2
400
#87A9BA
500
#5D8BA2
600
#4A6F82
700
#3C5968
800
#2F4551
900
#25343C
950
#172126

Contrast Checker

Text on white

2.5:1

AA Fail AAA Fail

Text on black

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