#87CED6

#87CED6

Color Values

HEX

#87CED6

RGB

135, 206, 214

HSL

186.1, 49.1%, 68.4%

HSV

186.1, 36.9%, 83.9%

CMYK

36.9%, 3.7%, 0.0%, 16.1%

OKLCH

0.8074 0.0719 204.8

Properties

Cool Light Nearest: cadetblue 3

Color Harmonies

Complementary

#87CED6

#D68F87

Analogous

#87D6B6

#87A6D6

#87CED6

Triadic

#87CED6

#D687CE

#CED687

Split Complementary

#87CED6

#D687A6

#D6B687

Tetradic

#87CED6

#B687D6

#D68F87

#A6D687

Color Blindness Simulation

Original

#87CED6

Protanopia

#A6A6D4

Deuteranopia

#A29CD4

Tritanopia

#8BD3D2

Achromatopsia

#BFBFBF

CSS Usage

background-color: #87CED6;
color: #87CED6;
border-color: #87CED6;
Nearest Tailwind: Cyan 200 #A5F3FC

Tailwind Shades

50
#F4FAFB
100
#E6F3F5
200
#CAE9ED
300
#A4DAE0
400
#72C6CF
500
#41B1BE
600
#348E98
700
#2A727A
800
#20595F
900
#1B4246
950
#11292C

Contrast Checker

Text on white

1.78:1

AA Fail AAA Fail

Text on black

11.83:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026