#87D3FD

#87D3FD

Color Values

HEX

#87D3FD

RGB

135, 211, 253

HSL

201.4, 96.7%, 76.1%

HSV

201.4, 46.6%, 99.2%

CMYK

46.6%, 16.6%, 0.0%, 0.8%

OKLCH

0.8326 0.0957 233.8

Properties

Cool Light Nearest: lightskyblue

Color Harmonies

Complementary

#87D3FD

#FDB187

Analogous

#87FDEC

#8798FD

#87D3FD

Triadic

#87D3FD

#FD87D3

#D3FD87

Split Complementary

#87D3FD

#FD8798

#FDEC87

Tetradic

#87D3FD

#EC87FD

#FDB187

#98FD87

Color Blindness Simulation

Original

#87D3FD

Protanopia

#A8A9F3

Deuteranopia

#A49EF0

Tritanopia

#8BEBE9

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#F1F9FE
100
#DEF1FC
200
#B9E5FE
300
#87D3FD
400
#45BBFC
500
#04A3FB
600
#0382C9
700
#0368A1
800
#02517D
900
#063D5B
950
#042639

Contrast Checker

Text on white

1.64:1

AA Fail AAA Fail

Text on black

12.77:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026