#87A9FD

#87A9FD

Color Values

HEX

#87A9FD

RGB

135, 169, 253

HSL

222.7, 96.7%, 76.1%

HSV

222.7, 46.6%, 99.2%

CMYK

46.6%, 33.2%, 0.0%, 0.8%

OKLCH

0.744 0.1277 266.6

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#87A9FD

#FDDB87

Analogous

#87E4FD

#A087FD

#87A9FD

Triadic

#87A9FD

#FD87A9

#A9FD87

Split Complementary

#87A9FD

#FDA087

#E4FD87

Tetradic

#87A9FD

#FD87E4

#FDDB87

#87FDA0

Color Blindness Simulation

Original

#87A9FD

Protanopia

#9696E9

Deuteranopia

#9491E4

Tritanopia

#89D9D5

Achromatopsia

#A8A8A8

CSS Usage

background-color: #87A9FD;
color: #87A9FD;
border-color: #87A9FD;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F1F5FE
100
#DEE7FC
200
#B9CDFE
300
#87A9FD
400
#457AFC
500
#044BFB
600
#033CC9
700
#0330A1
800
#02267D
900
#061F5B
950
#041339

Contrast Checker

Text on white

2.3:1

AA Fail AAA Fail

Text on black

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