#87BA46

#87BA46

Color Values

HEX

#87BA46

RGB

135, 186, 70

HSL

86.4, 45.7%, 50.2%

HSV

86.4, 62.4%, 72.9%

CMYK

27.4%, 0.0%, 62.4%, 27.1%

OKLCH

0.7291 0.1558 129.7

Properties

Cool Light Nearest: NCS S 1040-G50Y Olive Light

Color Harmonies

Complementary

#87BA46

#7946BA

Analogous

#BAB346

#4DBA46

#87BA46

Triadic

#87BA46

#4687BA

#BA4687

Split Complementary

#87BA46

#464DBA

#B346BA

Tetradic

#87BA46

#46BAB3

#7946BA

#BA464D

Color Blindness Simulation

Original

#87BA46

Protanopia

#9D9E62

Deuteranopia

#9A9669

Tritanopia

#8A787D

Achromatopsia

#A7A7A7

CSS Usage

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

Tailwind Shades

50
#F8FAF4
100
#EEF4E6
200
#DDECCB
300
#C5DEA6
400
#A6CC76
500
#86BA45
600
#6C9537
700
#56772C
800
#435D23
900
#33441D
950
#202B12

Contrast Checker

Text on white

2.3:1

AA Fail AAA Fail

Text on black

9.14:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026