#87ACFC

#87ACFC

Color Values

HEX

#87ACFC

RGB

135, 172, 252

HSL

221.0, 95.1%, 75.9%

HSV

221.0, 46.4%, 98.8%

CMYK

46.4%, 31.7%, 0.0%, 1.2%

OKLCH

0.7497 0.123 264.7

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#87ACFC

#FCD787

Analogous

#87E7FC

#9D87FC

#87ACFC

Triadic

#87ACFC

#FC87AC

#ACFC87

Split Complementary

#87ACFC

#FC9D87

#E7FC87

Tetradic

#87ACFC

#FC87E7

#FCD787

#87FC9D

Color Blindness Simulation

Original

#87ACFC

Protanopia

#9797E9

Deuteranopia

#9592E4

Tritanopia

#89D9D6

Achromatopsia

#AAAAAA

CSS Usage

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

Tailwind Shades

50
#F1F5FE
100
#DFE8FC
200
#B9CFFD
300
#88ACFC
400
#4780FA
500
#0653F9
600
#0542C7
700
#04359F
800
#032A7C
900
#07215A
950
#041539

Contrast Checker

Text on white

2.25:1

AA Fail AAA Fail

Text on black

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