#86B750

#86B750

Color Values

HEX

#86B750

RGB

134, 183, 80

HSL

88.5, 41.7%, 51.6%

HSV

88.5, 56.3%, 71.8%

CMYK

26.8%, 0.0%, 56.3%, 28.2%

OKLCH

0.7224 0.1437 130.5

Properties

Cool Light Nearest: NCS S 1040-G50Y Olive Light

Color Harmonies

Complementary

#86B750

#8150B7

Analogous

#B7B450

#53B750

#86B750

Triadic

#86B750

#5086B7

#B75086

Split Complementary

#86B750

#5053B7

#B450B7

Tetradic

#86B750

#50B7B4

#8150B7

#B75053

Color Blindness Simulation

Original

#86B750

Protanopia

#9B9C69

Deuteranopia

#98956F

Tritanopia

#887D81

Achromatopsia

#A5A5A5

CSS Usage

background-color: #86B750;
color: #86B750;
border-color: #86B750;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F7FAF5
100
#EDF3E7
200
#DCEACC
300
#C3DBA8
400
#A3C879
500
#82B54A
600
#68913B
700
#537430
800
#415A25
900
#31431E
950
#1F2A13

Contrast Checker

Text on white

2.36:1

AA Fail AAA Fail

Text on black

8.9:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026