#86C348

#86C348

Color Values

HEX

#86C348

RGB

134, 195, 72

HSL

89.8, 50.6%, 52.4%

HSV

89.8, 63.1%, 76.5%

CMYK

31.3%, 0.0%, 63.1%, 23.5%

OKLCH

0.7504 0.1667 131.7

Properties

Cool Light Nearest: NCS S 1050-G30Y Yellow Green

Color Harmonies

Complementary

#86C348

#8548C3

Analogous

#C3C348

#49C348

#86C348

Triadic

#86C348

#4886C3

#C34886

Split Complementary

#86C348

#4849C3

#C348C3

Tetradic

#86C348

#48C3C3

#8548C3

#C34849

Color Blindness Simulation

Original

#86C348

Protanopia

#A0A166

Deuteranopia

#9D986D

Tritanopia

#897D82

Achromatopsia

#ADADAD

CSS Usage

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

Tailwind Shades

50
#F7FBF4
100
#EDF5E5
200
#DBEDC9
300
#C2E1A3
400
#A1D071
500
#80C03F
600
#669A32
700
#527B28
800
#40601F
900
#31471A
950
#1F2D11

Contrast Checker

Text on white

2.12:1

AA Fail AAA Fail

Text on black

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