#87EF3F

#87EF3F

Color Values

HEX

#87EF3F

RGB

135, 239, 63

HSL

95.5, 84.6%, 59.2%

HSV

95.5, 73.6%, 93.7%

CMYK

43.5%, 0.0%, 73.6%, 6.3%

OKLCH

0.8567 0.2265 135.5

Properties

Cool Light Nearest: chartreuse 3

Color Harmonies

Complementary

#87EF3F

#A73FEF

Analogous

#DFEF3F

#3FEF4F

#87EF3F

Triadic

#87EF3F

#3F87EF

#EF3F87

Split Complementary

#87EF3F

#4F3FEF

#EF3FDF

Tetradic

#87EF3F

#3FDFEF

#A73FEF

#EF4F3F

Color Blindness Simulation

Original

#87EF3F

Protanopia

#B4B56A

Deuteranopia

#AEA674

Tritanopia

#8C8B93

Achromatopsia

#CCCCCC

CSS Usage

background-color: #87EF3F;
color: #87EF3F;
border-color: #87EF3F;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#F6FDF2
100
#EBFAE0
200
#D6FABD
300
#B8F68E
400
#92F051
500
#6CEB14
600
#56BC10
700
#45970D
800
#36760A
900
#2A550C
950
#1A3607

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

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