#87CF5E

#87CF5E

Color Values

HEX

#87CF5E

RGB

135, 207, 94

HSL

98.2, 54.1%, 59.0%

HSV

98.2, 54.6%, 81.2%

CMYK

34.8%, 0.0%, 54.6%, 18.8%

OKLCH

0.7823 0.1639 135.5

Properties

Cool Light Nearest: NCS S 0530-G40Y Chartreuse

Color Harmonies

Complementary

#87CF5E

#A65ECF

Analogous

#C0CF5E

#5ECF6D

#87CF5E

Triadic

#87CF5E

#5E87CF

#CF5E87

Split Complementary

#87CF5E

#6D5ECF

#CF5EC0

Tetradic

#87CF5E

#5EC0CF

#A65ECF

#CF6D5E

Color Blindness Simulation

Original

#87CF5E

Protanopia

#A6A779

Deuteranopia

#A29D80

Tritanopia

#8B8F94

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#F6FBF4
100
#EBF5E5
200
#D6EFC8
300
#B9E3A1
400
#93D46E
500
#6DC43B
600
#579D2F
700
#467E25
800
#36621D
900
#2A4819
950
#1B2D10

Contrast Checker

Text on white

1.89:1

AA Fail AAA Fail

Text on black

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