#86B258

#86B258

Color Values

HEX

#86B258

RGB

134, 178, 88

HSL

89.3, 36.9%, 52.2%

HSV

89.3, 50.6%, 69.8%

CMYK

24.7%, 0.0%, 50.6%, 30.2%

OKLCH

0.7114 0.1289 130.6

Properties

Cool Light Nearest: NCS S 1040-G50Y Olive Light

Color Harmonies

Complementary

#86B258

#8458B2

Analogous

#B2B158

#59B258

#86B258

Triadic

#86B258

#5886B2

#B25886

Split Complementary

#86B258

#5859B2

#B158B2

Tetradic

#86B258

#58B2B1

#8458B2

#B25859

Color Blindness Simulation

Original

#86B258

Protanopia

#99996E

Deuteranopia

#969373

Tritanopia

#887F83

Achromatopsia

#A2A2A2

CSS Usage

background-color: #86B258;
color: #86B258;
border-color: #86B258;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F7FAF5
100
#EDF3E8
200
#DCE8CE
300
#C2D8AB
400
#A1C37E
500
#81AF50
600
#678C40
700
#527033
800
#405728
900
#314120
950
#1F2914

Contrast Checker

Text on white

2.46:1

AA Fail AAA Fail

Text on black

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