#87B2C2

#87B2C2

Color Values

HEX

#87B2C2

RGB

135, 178, 194

HSL

196.3, 32.6%, 64.5%

HSV

196.3, 30.4%, 76.1%

CMYK

30.4%, 8.2%, 0.0%, 23.9%

OKLCH

0.7381 0.0515 222.8

Properties

Cool Light Nearest: lightskyblue 3

Color Harmonies

Complementary

#87B2C2

#C29787

Analogous

#87C2B5

#8794C2

#87B2C2

Triadic

#87B2C2

#C287B2

#B2C287

Split Complementary

#87B2C2

#C28794

#C2B587

Tetradic

#87B2C2

#B587C2

#C29787

#94C287

Color Blindness Simulation

Original

#87B2C2

Protanopia

#9A9ABE

Deuteranopia

#9794BD

Tritanopia

#89BBBA

Achromatopsia

#AAAAAA

CSS Usage

background-color: #87B2C2;
color: #87B2C2;
border-color: #87B2C2;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F8F9
100
#E8EFF2
200
#D0E1E7
300
#AECBD6
400
#82AFBF
500
#5692A9
600
#457587
700
#375E6C
800
#2B4955
900
#22373F
950
#162328

Contrast Checker

Text on white

2.29:1

AA Fail AAA Fail

Text on black

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