#86AF40

#86AF40

Color Values

HEX

#86AF40

RGB

134, 175, 64

HSL

82.2, 46.4%, 46.9%

HSV

82.2, 63.4%, 68.6%

CMYK

23.4%, 0.0%, 63.4%, 31.4%

OKLCH

0.7014 0.1465 127.1

Properties

Cool Light Nearest: NCS S 1040-G50Y Olive Light

Color Harmonies

Complementary

#86AF40

#6940AF

Analogous

#AFA140

#4FAF40

#86AF40

Triadic

#86AF40

#4086AF

#AF4086

Split Complementary

#86AF40

#404FAF

#A140AF

Tetradic

#86AF40

#40AFA1

#6940AF

#AF404F

Color Blindness Simulation

Original

#86AF40

Protanopia

#98985B

Deuteranopia

#959261

Tritanopia

#887075

Achromatopsia

#9E9E9E

CSS Usage

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

Tailwind Shades

50
#F8FAF4
100
#EFF4E6
200
#E0ECCB
300
#C9DEA5
400
#ACCC75
500
#8FBB44
600
#729537
700
#5B772C
800
#475D22
900
#36451C
950
#222B12

Contrast Checker

Text on white

2.55:1

AA Fail AAA Fail

Text on black

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