#87CC3C

#87CC3C

Color Values

HEX

#87CC3C

RGB

135, 204, 60

HSL

88.7, 58.5%, 51.8%

HSV

88.7, 70.6%, 80.0%

CMYK

33.8%, 0.0%, 70.6%, 20.0%

OKLCH

0.7717 0.1861 131.8

Properties

Cool Light Nearest: yellowgreen

Color Harmonies

Complementary

#87CC3C

#813CCC

Analogous

#CCC93C

#3FCC3C

#87CC3C

Triadic

#87CC3C

#3C87CC

#CC3C87

Split Complementary

#87CC3C

#3C3FCC

#C93CCC

Tetradic

#87CC3C

#3CCCC9

#813CCC

#CC3C3F

Color Blindness Simulation

Original

#87CC3C

Protanopia

#A5A55F

Deuteranopia

#A19C67

Tritanopia

#8A7A80

Achromatopsia

#B3B3B3

CSS Usage

background-color: #87CC3C;
color: #87CC3C;
border-color: #87CC3C;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F8FBF4
100
#EEF6E4
200
#DCF0C6
300
#C3E69E
400
#A3D869
500
#83CA35
600
#69A22A
700
#548122
800
#41651A
900
#324A17
950
#1F2F0E

Contrast Checker

Text on white

1.96:1

AA Fail AAA Fail

Text on black

10.73:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026