#87AE8C

#87AE8C

Color Values

HEX

#87AE8C

RGB

135, 174, 140

HSL

127.7, 19.4%, 60.6%

HSV

127.7, 22.4%, 68.2%

CMYK

22.4%, 0.0%, 19.5%, 31.8%

OKLCH

0.7127 0.0647 148.3

Properties

Cool Light Nearest: darkseagreen

Color Harmonies

Complementary

#87AE8C

#AE87A9

Analogous

#96AE87

#87AEA0

#87AE8C

Triadic

#87AE8C

#8C87AE

#AE8C87

Split Complementary

#87AE8C

#A087AE

#AE8796

Tetradic

#87AE8C

#8796AE

#AE87A9

#AEA087

Color Blindness Simulation

Original

#87AE8C

Protanopia

#989894

Deuteranopia

#969396

Tritanopia

#899B9C

Achromatopsia

#A3A3A3

CSS Usage

background-color: #87AE8C;
color: #87AE8C;
border-color: #87AE8C;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F6F9F6
100
#EAF0EB
200
#D4E2D6
300
#B6CEB9
400
#8EB393
500
#67986D
600
#527A57
700
#426146
800
#334C37
900
#28392A
950
#19241B

Contrast Checker

Text on white

2.48:1

AA Fail AAA Fail

Text on black

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