#87ECC5

#87ECC5

Color Values

HEX

#87ECC5

RGB

135, 236, 197

HSL

156.8, 72.7%, 72.7%

HSV

156.8, 42.8%, 92.5%

CMYK

42.8%, 0.0%, 16.5%, 7.5%

OKLCH

0.8706 0.1107 166.9

Properties

Cool Light Nearest: aquamarine 2

Color Harmonies

Complementary

#87ECC5

#EC87AE

Analogous

#87EC92

#87E1EC

#87ECC5

Triadic

#87ECC5

#C587EC

#ECC587

Split Complementary

#87ECC5

#EC87E1

#EC9287

Tetradic

#87ECC5

#9287EC

#EC87AE

#E1EC87

Color Blindness Simulation

Original

#87ECC5

Protanopia

#B3B4CE

Deuteranopia

#ADA5D1

Tritanopia

#8CD6D8

Achromatopsia

#D4D4D4

CSS Usage

background-color: #87ECC5;
color: #87ECC5;
border-color: #87ECC5;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F3FCF8
100
#E2F8F0
200
#C1F5E1
300
#95EECC
400
#5CE5B0
500
#23DC95
600
#1CB077
700
#168D5F
800
#116E4A
900
#115038
950
#0B3323

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

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