#87D7B0

#87D7B0

Color Values

HEX

#87D7B0

RGB

135, 215, 176

HSL

150.8, 50.0%, 68.6%

HSV

150.8, 37.2%, 84.3%

CMYK

37.2%, 0.0%, 18.1%, 15.7%

OKLCH

0.8167 0.0969 162.1

Properties

Cool Light Nearest: Sea Green

Color Harmonies

Complementary

#87D7B0

#D787AE

Analogous

#87D788

#87D6D7

#87D7B0

Triadic

#87D7B0

#B087D7

#D7B087

Split Complementary

#87D7B0

#D787D6

#D78887

Tetradic

#87D7B0

#8887D7

#D787AE

#D6D787

Color Blindness Simulation

Original

#87D7B0

Protanopia

#AAAAB9

Deuteranopia

#A59FBC

Tritanopia

#8BC1C3

Achromatopsia

#C3C3C3

CSS Usage

background-color: #87D7B0;
color: #87D7B0;
border-color: #87D7B0;
Nearest Tailwind: Emerald 200 #A7F3D0

Tailwind Shades

50
#F4FBF7
100
#E6F5ED
200
#C9EDDC
300
#A3E0C3
400
#71D0A2
500
#40BF81
600
#339967
700
#297A53
800
#206041
900
#1B4631
950
#112C1F

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

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