#87D1FC

#87D1FC

Color Values

HEX

#87D1FC

RGB

135, 209, 252

HSL

202.1, 95.1%, 75.9%

HSV

202.1, 46.4%, 98.8%

CMYK

46.4%, 17.1%, 0.0%, 1.2%

OKLCH

0.8279 0.0954 235.1

Properties

Cool Light Nearest: lightskyblue

Color Harmonies

Complementary

#87D1FC

#FCB287

Analogous

#87FCED

#8796FC

#87D1FC

Triadic

#87D1FC

#FC87D1

#D1FC87

Split Complementary

#87D1FC

#FC8796

#FCED87

Tetradic

#87D1FC

#ED87FC

#FCB287

#96FC87

Color Blindness Simulation

Original

#87D1FC

Protanopia

#A7A8F2

Deuteranopia

#A39DEF

Tritanopia

#8BE9E8

Achromatopsia

#C4C4C4

CSS Usage

background-color: #87D1FC;
color: #87D1FC;
border-color: #87D1FC;
Nearest Tailwind: Sky 300 #7DD3FC

Tailwind Shades

50
#F1F9FE
100
#DFF1FC
200
#B9E4FD
300
#88D1FC
400
#47B8FA
500
#069FF9
600
#0580C7
700
#04669F
800
#03507C
900
#073B5A
950
#042539

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

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