#87BCF5

#87BCF5

Color Values

HEX

#87BCF5

RGB

135, 188, 245

HSL

211.1, 84.6%, 74.5%

HSV

211.1, 44.9%, 96.1%

CMYK

44.9%, 23.3%, 0.0%, 3.9%

OKLCH

0.7799 0.0991 250.9

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#87BCF5

#F5C087

Analogous

#87F3F5

#8987F5

#87BCF5

Triadic

#87BCF5

#F587BC

#BCF587

Split Complementary

#87BCF5

#F58987

#F3F587

Tetradic

#87BCF5

#F587F3

#F5C087

#87F589

Color Blindness Simulation

Original

#87BCF5

Protanopia

#9E9EE7

Deuteranopia

#9B97E4

Tritanopia

#8ADCDA

Achromatopsia

#B5B5B5

CSS Usage

background-color: #87BCF5;
color: #87BCF5;
border-color: #87BCF5;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F2F7FD
100
#E0EDFA
200
#BDDAFA
300
#8EC0F6
400
#519EF0
500
#147CEB
600
#1063BC
700
#0D4F97
800
#0A3E76
900
#0C2F55
950
#071E36

Contrast Checker

Text on white

1.99:1

AA Fail AAA Fail

Text on black

10.54:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026