#86B418

#86B418

Color Values

HEX

#86B418

RGB

134, 180, 24

HSL

77.7, 76.5%, 40.0%

HSV

77.7, 86.7%, 70.6%

CMYK

25.6%, 0.0%, 86.7%, 29.4%

OKLCH

0.7109 0.1752 126.2

Properties

Cool Light Nearest: yellowgreen

Color Harmonies

Complementary

#86B418

#4618B4

Analogous

#B49418

#38B418

#86B418

Triadic

#86B418

#1886B4

#B41886

Split Complementary

#86B418

#1838B4

#9418B4

Tetradic

#86B418

#18B494

#4618B4

#B41838

Color Blindness Simulation

Original

#86B418

Protanopia

#9A9A3E

Deuteranopia

#979447

Tritanopia

#885C62

Achromatopsia

#9F9F9F

CSS Usage

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

Tailwind Shades

50
#F9FCF2
100
#F2F9E2
200
#E6F7C0
300
#D5F193
400
#BEE958
500
#A7E11E
600
#86B418
700
#6B9013
800
#54710F
900
#3E520F
950
#27340A

Contrast Checker

Text on white

2.45:1

AA Fail AAA Fail

Text on black

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