#87B940

#87B940

Color Values

HEX

#87B940

RGB

135, 185, 64

HSL

84.8, 48.6%, 48.8%

HSV

84.8, 65.4%, 72.5%

CMYK

27.0%, 0.0%, 65.4%, 27.5%

OKLCH

0.7261 0.1592 129.0

Properties

Cool Light Nearest: darkolivegreen 3

Color Harmonies

Complementary

#87B940

#7240B9

Analogous

#B9AE40

#4AB940

#87B940

Triadic

#87B940

#4087B9

#B94087

Split Complementary

#87B940

#404AB9

#AE40B9

Tetradic

#87B940

#40B9AE

#7240B9

#B9404A

Color Blindness Simulation

Original

#87B940

Protanopia

#9D9D5D

Deuteranopia

#9A9664

Tritanopia

#8A7479

Achromatopsia

#A6A6A6

CSS Usage

background-color: #87B940;
color: #87B940;
border-color: #87B940;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F8FBF4
100
#EEF5E6
200
#DEEDCA
300
#C7E0A4
400
#A9CF73
500
#8ABD42
600
#6F9834
700
#58792A
800
#455F21
900
#34461B
950
#212C11

Contrast Checker

Text on white

2.32:1

AA Fail AAA Fail

Text on black

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