#87C0FA

#87C0FA

Color Values

HEX

#87C0FA

RGB

135, 192, 250

HSL

210.3, 92.0%, 75.5%

HSV

210.3, 46.0%, 98.0%

CMYK

46.0%, 23.2%, 0.0%, 2.0%

OKLCH

0.7906 0.1021 249.6

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#87C0FA

#FAC187

Analogous

#87F9FA

#8887FA

#87C0FA

Triadic

#87C0FA

#FA87C0

#C0FA87

Split Complementary

#87C0FA

#FA8887

#F9FA87

Tetradic

#87C0FA

#FA87F9

#FAC187

#87FA88

Color Blindness Simulation

Original

#87C0FA

Protanopia

#A0A0EC

Deuteranopia

#9C98E9

Tritanopia

#8AE1DE

Achromatopsia

#B8B8B8

CSS Usage

background-color: #87C0FA;
color: #87C0FA;
border-color: #87C0FA;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F1F7FD
100
#DFEDFB
200
#BADBFC
300
#89C1FA
400
#4AA0F7
500
#0A7EF5
600
#0865C4
700
#07519D
800
#053F7A
900
#083059
950
#051E38

Contrast Checker

Text on white

1.92:1

AA Fail AAA Fail

Text on black

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