#87CBFC

#87CBFC

Color Values

HEX

#87CBFC

RGB

135, 203, 252

HSL

205,1, 95,1%, 75,9%

HSV

205,1, 46,4%, 98,8%

CMYK

46,4%, 19,4%, 0,0%, 1,2%

OKLCH

0,815 0,0978 240,8

Properties

Cool Light Nearest: skyblue 1

Color Harmonies

Complementary

#87CBFC

#FCB887

Analogous

#87FCF2

#8791FC

#87CBFC

Triadic

#87CBFC

#FC87CB

#CBFC87

Split Complementary

#87CBFC

#FC8791

#FCF287

Tetradic

#87CBFC

#F287FC

#FCB887

#91FC87

Color Blindness Simulation

Original

#87CBFC

Protanopia

#A4A5F0

Deuteranopia

#A09BED

Tritanopia

#8AE7E5

Achromatopsia

#C0C0C0

CSS Usage

background-color: #87CBFC;
color: #87CBFC;
border-color: #87CBFC;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F1F8FE
100
#DFF0FC
200
#B9E1FD
300
#88CBFC
400
#47AFFA
500
#0693F9
600
#0576C7
700
#045E9F
800
#034A7C
900
#07375A
950
#042339

Contrast Checker

Text on white

1,75:1

AA Fail AAA Fail

Text on black

11,98:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026