#87A03B

#87A03B

Color Values

HEX

#87A03B

RGB

135, 160, 59

HSL

74.9, 46.1%, 42.9%

HSV

74.9, 63.1%, 62.7%

CMYK

15.6%, 0.0%, 63.1%, 37.3%

OKLCH

0.6658 0.1303 121.8

Properties

Cool Light Nearest: olivedrab

Color Harmonies

Complementary

#87A03B

#543BA0

Analogous

#A0863B

#54A03B

#87A03B

Triadic

#87A03B

#3B87A0

#A03B87

Split Complementary

#87A03B

#3B54A0

#863BA0

Tetradic

#87A03B

#3BA086

#543BA0

#A03B54

Color Blindness Simulation

Original

#87A03B

Protanopia

#929253

Deuteranopia

#908E59

Tritanopia

#88676B

Achromatopsia

#939393

CSS Usage

background-color: #87A03B;
color: #87A03B;
border-color: #87A03B;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F9FAF4
100
#F1F4E6
200
#E4ECCB
300
#D0DEA6
400
#B7CC75
500
#9DBA45
600
#7E9537
700
#65772C
800
#4F5D22
900
#3B451C
950
#252B12

Contrast Checker

Text on white

2.95:1

AA Fail AAA Fail

Text on black

7.12:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026