#87B085

#87B085

Color Values

HEX

#87B085

RGB

135, 176, 133

HSL

117.2, 21.4%, 60.6%

HSV

117.2, 24.4%, 69.0%

CMYK

23.3%, 0.0%, 24.4%, 31.0%

OKLCH

0.7157 0.0758 143.6

Properties

Cool Light Nearest: darkseagreen

Color Harmonies

Complementary

#87B085

#AE85B0

Analogous

#9DB085

#85B099

#87B085

Triadic

#87B085

#8587B0

#B08587

Split Complementary

#87B085

#9985B0

#B0859D

Tetradic

#87B085

#859DB0

#AE85B0

#B09985

Color Blindness Simulation

Original

#87B085

Protanopia

#99998F

Deuteranopia

#969392

Tritanopia

#899899

Achromatopsia

#A4A4A4

CSS Usage

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

Tailwind Shades

50
#F6F9F6
100
#EAF0EA
200
#D4E3D4
300
#B6CFB5
400
#8EB58C
500
#679B64
600
#527C50
700
#426340
800
#334D32
900
#283A27
950
#192419

Contrast Checker

Text on white

2.45:1

AA Fail AAA Fail

Text on black

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