#86BB56

#86BB56

Color Values

HEX

#86BB56

RGB

134, 187, 86

HSL

91.5, 42.6%, 53.5%

HSV

91.5, 54.0%, 73.3%

CMYK

28.3%, 0.0%, 54.0%, 26.7%

OKLCH

0.7327 0.1438 132.0

Properties

Cool Light Nearest: NCS S 1040-G50Y Olive Light

Color Harmonies

Complementary

#86BB56

#8B56BB

Analogous

#B8BB56

#56BB58

#86BB56

Triadic

#86BB56

#5686BB

#BB5686

Split Complementary

#86BB56

#5856BB

#BB56B8

Tetradic

#86BB56

#56B8BB

#8B56BB

#BB5856

Color Blindness Simulation

Original

#86BB56

Protanopia

#9D9D6E

Deuteranopia

#9A9674

Tritanopia

#898286

Achromatopsia

#A8A8A8

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#EDF4E7
200
#DBEBCC
300
#C0DCA8
400
#9FC978
500
#7DB649
600
#64913B
700
#50742F
800
#3E5B25
900
#30431E
950
#1E2A13

Contrast Checker

Text on white

2.27:1

AA Fail AAA Fail

Text on black

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