#87DAFC

#87DAFC

Color Values

HEX

#87DAFC

RGB

135, 218, 252

HSL

197.4, 95.1%, 75.9%

HSV

197.4, 46.4%, 98.8%

CMYK

46.4%, 13.5%, 0.0%, 1.2%

OKLCH

0.8475 0.0937 226.2

Properties

Cool Light Nearest: skyblue

Color Harmonies

Complementary

#87DAFC

#FCA987

Analogous

#87FCE3

#87A0FC

#87DAFC

Triadic

#87DAFC

#FC87DA

#DAFC87

Split Complementary

#87DAFC

#FC87A0

#FCE387

Tetradic

#87DAFC

#E387FC

#FCA987

#A0FC87

Color Blindness Simulation

Original

#87DAFC

Protanopia

#ABACF4

Deuteranopia

#A6A0F2

Tritanopia

#8BEDEC

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#F1FAFE
100
#DFF3FC
200
#B9EAFD
300
#88DAFC
400
#47C6FA
500
#06B2F9
600
#058FC7
700
#04729F
800
#03597C
900
#07425A
950
#042A39

Contrast Checker

Text on white

1.56:1

AA Fail AAA Fail

Text on black

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