#87DBFC

#87DBFC

Color Values

HEX

#87DBFC

RGB

135, 219, 252

HSL

196.9, 95.1%, 75.9%

HSV

196.9, 46.4%, 98.8%

CMYK

46.4%, 13.1%, 0.0%, 1.2%

OKLCH

0.8497 0.0936 225.2

Properties

Cool Light Nearest: skyblue

Color Harmonies

Complementary

#87DBFC

#FCA887

Analogous

#87FCE2

#87A1FC

#87DBFC

Triadic

#87DBFC

#FC87DB

#DBFC87

Split Complementary

#87DBFC

#FC87A1

#FCE287

Tetradic

#87DBFC

#E287FC

#FCA887

#A1FC87

Color Blindness Simulation

Original

#87DBFC

Protanopia

#ABACF4

Deuteranopia

#A6A0F2

Tritanopia

#8BEEEC

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#F1FAFE
100
#DFF3FC
200
#B9EAFD
300
#88DBFC
400
#47C8FA
500
#06B4F9
600
#0590C7
700
#04739F
800
#035A7C
900
#07435A
950
#042A39

Contrast Checker

Text on white

1.55:1

AA Fail AAA Fail

Text on black

13.57:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026