#87EAF8

#87EAF8

Color Values

HEX

#87EAF8

RGB

135, 234, 248

HSL

187.4, 89.0%, 75.1%

HSV

187.4, 45.6%, 97.3%

CMYK

45.6%, 5.6%, 0.0%, 2.7%

OKLCH

0.8813 0.095 207.3

Properties

Cool Light Nearest: cadetblue 2

Color Harmonies

Complementary

#87EAF8

#F89587

Analogous

#87F8CD

#87B2F8

#87EAF8

Triadic

#87EAF8

#F887EA

#EAF887

Split Complementary

#87EAF8

#F887B2

#F8CD87

Tetradic

#87EAF8

#CD87F8

#F89587

#B2F887

Color Blindness Simulation

Original

#87EAF8

Protanopia

#B2B3F5

Deuteranopia

#ACA5F4

Tritanopia

#8CF2F1

Achromatopsia

#D6D6D6

CSS Usage

background-color: #87EAF8;
color: #87EAF8;
border-color: #87EAF8;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

50
#F2FCFD
100
#E0F7FB
200
#BCF3FB
300
#8BEBF8
400
#4DE0F5
500
#0ED5F1
600
#0BAAC1
700
#09889A
800
#076A78
900
#0A4E57
950
#063137

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

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