#87BA8F

#87BA8F

Color Values

HEX

#87BA8F

RGB

135, 186, 143

HSL

129.4, 27.0%, 62.9%

HSV

129.4, 27.4%, 72.9%

CMYK

27.4%, 0.0%, 23.1%, 27.1%

OKLCH

0.7413 0.0818 148.9

Properties

Cool Light Nearest: darkseagreen

Color Harmonies

Complementary

#87BA8F

#BA87B2

Analogous

#98BA87

#87BAA8

#87BA8F

Triadic

#87BA8F

#8F87BA

#BA8F87

Split Complementary

#87BA8F

#A887BA

#BA8798

Tetradic

#87BA8F

#8798BA

#BA87B2

#BAA887

Color Blindness Simulation

Original

#87BA8F

Protanopia

#9D9E99

Deuteranopia

#9A969C

Tritanopia

#8AA2A3

Achromatopsia

#ACACAC

CSS Usage

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

Tailwind Shades

50
#F6F9F6
100
#E9F1EA
200
#D2E5D5
300
#B1D2B6
400
#87BA8F
500
#5DA268
600
#4A8253
700
#3C6842
800
#2F5134
900
#253C28
950
#172619

Contrast Checker

Text on white

2.22:1

AA Fail AAA Fail

Text on black

9.45:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026