#86B582

#86B582

Color Values

HEX

#86B582

RGB

134, 181, 130

HSL

115.3, 25.6%, 61.0%

HSV

115.3, 28.2%, 71.0%

CMYK

26.0%, 0.0%, 28.2%, 29.0%

OKLCH

0.726 0.0881 142.7

Properties

Cool Light Nearest: darkseagreen

Color Harmonies

Complementary

#86B582

#B182B5

Analogous

#A0B582

#82B598

#86B582

Triadic

#86B582

#8286B5

#B58286

Split Complementary

#86B582

#9882B5

#B582A0

Tetradic

#86B582

#82A0B5

#B182B5

#B59882

Color Blindness Simulation

Original

#86B582

Protanopia

#9A9B8E

Deuteranopia

#989491

Tritanopia

#88989A

Achromatopsia

#A7A7A7

CSS Usage

background-color: #86B582;
color: #86B582;
border-color: #86B582;
Nearest Tailwind: Emerald 200 #A7F3D0

Tailwind Shades

50
#F6F9F6
100
#EAF1E9
200
#D4E4D2
300
#B5D1B2
400
#8CB988
500
#64A05F
600
#50804C
700
#40663D
800
#32502F
900
#273C25
950
#192618

Contrast Checker

Text on white

2.35:1

AA Fail AAA Fail

Text on black

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