#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

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