#87DA52

#87DA52

Color Values

HEX

#87DA52

RGB

135, 218, 82

HSL

96.6, 64.8%, 58.8%

HSV

96.6, 62.4%, 85.5%

CMYK

38.1%, 0.0%, 62.4%, 14.5%

OKLCH

0.8075 0.1885 135.2

Properties

Cool Light Nearest: NCS S 1050-G30Y Yellow Green

Color Harmonies

Complementary

#87DA52

#A552DA

Analogous

#CBDA52

#52DA61

#87DA52

Triadic

#87DA52

#5287DA

#DA5287

Split Complementary

#87DA52

#6152DA

#DA52CB

Tetradic

#87DA52

#52CBDA

#A552DA

#DA6152

Color Blindness Simulation

Original

#87DA52

Protanopia

#ABAC73

Deuteranopia

#A6A07B

Tritanopia

#8B8D93

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#F6FCF3
100
#EBF7E3
200
#D6F2C4
300
#B9E99A
400
#93DE64
500
#6DD22D
600
#57A824
700
#46861D
800
#376916
900
#2A4D14
950
#1B300D

Contrast Checker

Text on white

1.72:1

AA Fail AAA Fail

Text on black

12.18:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026