#87D255

#87D255

Color Values

HEX

#87D255

RGB

135, 210, 85

HSL

96.0, 58.1%, 57.8%

HSV

96.0, 59.5%, 82.4%

CMYK

35.7%, 0.0%, 59.5%, 17.6%

OKLCH

0.7885 0.1757 134.7

Properties

Cool Light Nearest: NCS S 1050-G30Y Yellow Green

Color Harmonies

Complementary

#87D255

#A055D2

Analogous

#C5D255

#55D261

#87D255

Triadic

#87D255

#5587D2

#D25587

Split Complementary

#87D255

#6155D2

#D255C5

Tetradic

#87D255

#55C5D2

#A055D2

#D26155

Color Blindness Simulation

Original

#87D255

Protanopia

#A7A873

Deuteranopia

#A39E7A

Tritanopia

#8B8B90

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#F7FBF4
100
#EBF6E4
200
#D7F0C7
300
#BBE59E
400
#96D76A
500
#71CA35
600
#5AA12B
700
#488122
800
#38651B
900
#2B4A17
950
#1B2F0F

Contrast Checker

Text on white

1.85:1

AA Fail AAA Fail

Text on black

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