#87BA12

#87BA12

Color Values

HEX

#87BA12

RGB

135, 186, 18

HSL

78.2, 82.4%, 40.0%

HSV

78.2, 90.3%, 72.9%

CMYK

27.4%, 0.0%, 90.3%, 27.1%

OKLCH

0.7259 0.1834 127.1

Properties

Cool Light Nearest: yellowgreen

Color Harmonies

Complementary

#87BA12

#4512BA

Analogous

#BA9912

#33BA12

#87BA12

Triadic

#87BA12

#1287BA

#BA1287

Split Complementary

#87BA12

#1233BA

#9912BA

Tetradic

#87BA12

#12BA99

#4512BA

#BA1233

Color Blindness Simulation

Original

#87BA12

Protanopia

#9D9E3B

Deuteranopia

#9A9644

Tritanopia

#8A5B62

Achromatopsia

#A3A3A3

CSS Usage

background-color: #87BA12;
color: #87BA12;
border-color: #87BA12;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F9FDF2
100
#F2FAE1
200
#E7F9BE
300
#D6F48F
400
#BFEE53
500
#A9E916
600
#87BA12
700
#6C950E
800
#54740B
900
#3F540D
950
#283508

Contrast Checker

Text on white

2.32:1

AA Fail AAA Fail

Text on black

9.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