#86BA41

#86BA41

Color Values

HEX

#86BA41

RGB

134, 186, 65

HSL

85.8, 48.2%, 49.2%

HSV

85.8, 65.1%, 72.9%

CMYK

28.0%, 0.0%, 65.1%, 27.1%

OKLCH

0.728 0.1602 129.6

Properties

Cool Light Nearest: darkolivegreen 3

Color Harmonies

Complementary

#86BA41

#7541BA

Analogous

#BAB141

#49BA41

#86BA41

Triadic

#86BA41

#4186BA

#BA4186

Split Complementary

#86BA41

#4149BA

#B141BA

Tetradic

#86BA41

#41BAB1

#7541BA

#BA4149

Color Blindness Simulation

Original

#86BA41

Protanopia

#9D9D5E

Deuteranopia

#9A9665

Tritanopia

#89757A

Achromatopsia

#A6A6A6

CSS Usage

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

Tailwind Shades

50
#F8FAF4
100
#EEF4E6
200
#DEEDCA
300
#C6DFA4
400
#A7CE73
500
#88BD42
600
#6D9735
700
#57792A
800
#445E21
900
#33451B
950
#202C11

Contrast Checker

Text on white

2.3:1

AA Fail AAA Fail

Text on black

9.11:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026