#87C081

#87C081

Color Values

HEX

#87C081

RGB

135, 192, 129

HSL

114.3, 33.3%, 62.9%

HSV

114.3, 32.8%, 75.3%

CMYK

29.7%, 0.0%, 32.8%, 24.7%

OKLCH

0.7523 0.1064 142.2

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#87C081

#BA81C0

Analogous

#A6C081

#81C09A

#87C081

Triadic

#87C081

#8187C0

#C08187

Split Complementary

#87C081

#9A81C0

#C081A6

Tetradic

#87C081

#81A6C0

#BA81C0

#C09A81

Color Blindness Simulation

Original

#87C081

Protanopia

#A0A090

Deuteranopia

#9C9894

Tritanopia

#8A9C9F

Achromatopsia

#AFAFAF

CSS Usage

background-color: #87C081;
color: #87C081;
border-color: #87C081;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F6FAF5
100
#E9F2E8
200
#D2E7CF
300
#B1D6AD
400
#87C081
500
#5DAA55
600
#4A8844
700
#3C6D36
800
#2F552B
900
#253F22
950
#172815

Contrast Checker

Text on white

2.12:1

AA Fail AAA Fail

Text on black

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