#87E161

#87E161

Color Values

HEX

#87E161

RGB

135, 225, 97

HSL

102.2, 68.1%, 63.1%

HSV

102.2, 56.9%, 88.2%

CMYK

40.0%, 0.0%, 56.9%, 11.8%

OKLCH

0.826 0.1857 137.4

Properties

Cool Light Nearest: NCS S 1050-G30Y Yellow Green

Color Harmonies

Complementary

#87E161

#BB61E1

Analogous

#C7E161

#61E17B

#87E161

Triadic

#87E161

#6187E1

#E16187

Split Complementary

#87E161

#7B61E1

#E161C7

Tetradic

#87E161

#61C7E1

#BB61E1

#E17B61

Color Blindness Simulation

Original

#87E161

Protanopia

#AEAF80

Deuteranopia

#A9A287

Tritanopia

#8C989E

Achromatopsia

#C5C5C5

CSS Usage

background-color: #87E161;
color: #87E161;
border-color: #87E161;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#F6FCF3
100
#E9F7E3
200
#D1F4C3
300
#B1EB98
400
#87E160
500
#5CD629
600
#4AAB21
700
#3B891A
800
#2E6B14
900
#244E13
950
#17310C

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

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