#86AE51

#86AE51

Color Values

HEX

#86AE51

RGB

134, 174, 81

HSL

85.8, 36.5%, 50.0%

HSV

85.8, 53.4%, 68.2%

CMYK

23.0%, 0.0%, 53.4%, 31.8%

OKLCH

0.7009 0.13 128.6

Properties

Cool Light Nearest: NCS S 1040-G50Y Olive Light

Color Harmonies

Complementary

#86AE51

#7951AE

Analogous

#AEA851

#57AE51

#86AE51

Triadic

#86AE51

#5186AE

#AE5186

Split Complementary

#86AE51

#5157AE

#A851AE

Tetradic

#86AE51

#51AEA8

#7951AE

#AE5157

Color Blindness Simulation

Original

#86AE51

Protanopia

#979867

Deuteranopia

#95926D

Tritanopia

#88797D

Achromatopsia

#9F9F9F

CSS Usage

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

Tailwind Shades

50
#F8FAF5
100
#EEF3E8
200
#DDE8CE
300
#C5D8AB
400
#A5C37E
500
#86AE51
600
#6B8B41
700
#566F34
800
#435728
900
#334021
950
#202915

Contrast Checker

Text on white

2.57:1

AA Fail AAA Fail

Text on black

8.19:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026