#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

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026