#87CD3D

#87CD3D

Color Values

HEX

#87CD3D

RGB

135, 205, 61

HSL

89.2, 59.0%, 52.2%

HSV

89.2, 70.2%, 80.4%

CMYK

34.1%, 0.0%, 70.2%, 19.6%

OKLCH

0.7742 0.1868 132.0

Properties

Cool Light Nearest: yellowgreen

Color Harmonies

Complementary

#87CD3D

#833DCD

Analogous

#CDCB3D

#3FCD3D

#87CD3D

Triadic

#87CD3D

#3D87CD

#CD3D87

Split Complementary

#87CD3D

#3D3FCD

#CB3DCD

Tetradic

#87CD3D

#3DCDCB

#833DCD

#CD3D3F

Color Blindness Simulation

Original

#87CD3D

Protanopia

#A5A660

Deuteranopia

#A19C68

Tritanopia

#8A7B81

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#F7FBF4
100
#EDF6E4
200
#DCF0C6
300
#C3E69E
400
#A2D869
500
#82CB34
600
#68A22A
700
#538221
800
#41651A
900
#314A17
950
#1F2F0E

Contrast Checker

Text on white

1.94:1

AA Fail AAA Fail

Text on black

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