#87C281

#87C281

Color Values

HEX

#87C281

RGB

135, 194, 129

HSL

114.5, 34.8%, 63.3%

HSV

114.5, 33.5%, 76.1%

CMYK

30.4%, 0.0%, 33.5%, 23.9%

OKLCH

0.757 0.1096 142.2

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#87C281

#BC81C2

Analogous

#A7C281

#81C29B

#87C281

Triadic

#87C281

#8187C2

#C28187

Split Complementary

#87C281

#9B81C2

#C281A7

Tetradic

#87C281

#81A7C2

#BC81C2

#C29B81

Color Blindness Simulation

Original

#87C281

Protanopia

#A1A191

Deuteranopia

#9D9994

Tritanopia

#8A9DA0

Achromatopsia

#B1B1B1

CSS Usage

background-color: #87C281;
color: #87C281;
border-color: #87C281;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F6FAF5
100
#E9F2E8
200
#D1E8CF
300
#B0D7AD
400
#86C180
500
#5BAC53
600
#498943
700
#3A6E35
800
#2E562A
900
#244021
950
#172815

Contrast Checker

Text on white

2.09:1

AA Fail AAA Fail

Text on black

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