#87AABE

#87AABE

Color Values

HEX

#87AABE

RGB

135, 170, 190

HSL

201.8, 29.7%, 63.7%

HSV

201.8, 28.9%, 74.5%

CMYK

28.9%, 10.5%, 0.0%, 25.5%

OKLCH

0.719 0.0481 233.4

Properties

Cool Light Nearest: lightskyblue 3

Color Harmonies

Complementary

#87AABE

#BE9B87

Analogous

#87BEB6

#878EBE

#87AABE

Triadic

#87AABE

#BE87AA

#AABE87

Split Complementary

#87AABE

#BE878E

#BEB687

Tetradic

#87AABE

#B687BE

#BE9B87

#8EBE87

Color Blindness Simulation

Original

#87AABE

Protanopia

#9696B9

Deuteranopia

#9492B8

Tritanopia

#89B5B4

Achromatopsia

#A4A4A4

CSS Usage

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

Tailwind Shades

50
#F5F8F9
100
#E9EEF2
200
#D1DEE6
300
#B0C7D4
400
#85A8BD
500
#5A8AA5
600
#486E84
700
#39586A
800
#2D4553
900
#23343D
950
#162127

Contrast Checker

Text on white

2.46:1

AA Fail AAA Fail

Text on black

8.52:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026