#87ACFD

#87ACFD

Color Values

HEX

#87ACFD

RGB

135, 172, 253

HSL

221,2, 96,7%, 76,1%

HSV

221,2, 46,6%, 99,2%

CMYK

46,6%, 32,0%, 0,0%, 0,8%

OKLCH

0,7501 0,1244 264,8

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#87ACFD

#FDD887

Analogous

#87E7FD

#9D87FD

#87ACFD

Triadic

#87ACFD

#FD87AC

#ACFD87

Split Complementary

#87ACFD

#FD9D87

#E7FD87

Tetradic

#87ACFD

#FD87E7

#FDD887

#87FD9D

Color Blindness Simulation

Original

#87ACFD

Protanopia

#9797E9

Deuteranopia

#9592E5

Tritanopia

#89DAD7

Achromatopsia

#AAAAAA

CSS Usage

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

Tailwind Shades

50
#F1F5FE
100
#DEE8FC
200
#B9CEFE
300
#87ACFD
400
#457FFC
500
#0451FB
600
#0341C9
700
#0334A1
800
#02297D
900
#06215B
950
#041539

Contrast Checker

Text on white

2,25:1

AA Fail AAA Fail

Text on black

9,35: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