#87DC49

#87DC49

Color Values

HEX

#87DC49

RGB

135, 220, 73

HSL

94.7, 67.7%, 57.5%

HSV

94.7, 66.8%, 86.3%

CMYK

38.6%, 0.0%, 66.8%, 13.7%

OKLCH

0.8115 0.1976 134.6

Properties

Cool Light Nearest: Inchworm

Color Harmonies

Complementary

#87DC49

#9E49DC

Analogous

#D1DC49

#49DC55

#87DC49

Triadic

#87DC49

#4987DC

#DC4987

Split Complementary

#87DC49

#5549DC

#DC49D1

Tetradic

#87DC49

#49D1DC

#9E49DC

#DC5549

Color Blindness Simulation

Original

#87DC49

Protanopia

#ACAD6D

Deuteranopia

#A7A075

Tritanopia

#8B898F

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#F7FCF3
100
#ECF7E3
200
#D8F3C3
300
#BBEB98
400
#97E161
500
#72D629
600
#5BAB21
700
#49891A
800
#396B15
900
#2C4E13
950
#1C310C

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

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