#87C052

#87C052

Color Values

HEX

#87C052

RGB

135, 192, 82

HSL

91.1, 46.6%, 53.7%

HSV

91.1, 57.3%, 75.3%

CMYK

29.7%, 0.0%, 57.3%, 24.7%

OKLCH

0.7448 0.1538 132.0

Properties

Cool Light Nearest: NCS S 1040-G50Y Olive Light

Color Harmonies

Complementary

#87C052

#8B52C0

Analogous

#BEC052

#52C054

#87C052

Triadic

#87C052

#5287C0

#C05287

Split Complementary

#87C052

#5452C0

#C052BE

Tetradic

#87C052

#52BEC0

#8B52C0

#C05452

Color Blindness Simulation

Original

#87C052

Protanopia

#A0A06D

Deuteranopia

#9C9873

Tritanopia

#8A8286

Achromatopsia

#ACACAC

CSS Usage

background-color: #87C052;
color: #87C052;
border-color: #87C052;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F7FAF4
100
#EDF4E6
200
#DBECCB
300
#C1DEA5
400
#9FCD75
500
#7DBB44
600
#649636
700
#50782C
800
#3F5D22
900
#30451C
950
#1E2B12

Contrast Checker

Text on white

2.17:1

AA Fail AAA Fail

Text on black

9.69:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026