#86C254

#86C254

Color Values

HEX

#86C254

RGB

134, 194, 84

HSL

92.7, 47.4%, 54.5%

HSV

92.7, 56.7%, 76.1%

CMYK

30.9%, 0.0%, 56.7%, 23.9%

OKLCH

0.7493 0.1554 132.9

Properties

Cool Light Nearest: NCS S 1040-G50Y Olive Light

Color Harmonies

Complementary

#86C254

#9054C2

Analogous

#BDC254

#54C259

#86C254

Triadic

#86C254

#5486C2

#C25486

Split Complementary

#86C254

#5954C2

#C254BD

Tetradic

#86C254

#54BDC2

#9054C2

#C25954

Color Blindness Simulation

Original

#86C254

Protanopia

#A0A16F

Deuteranopia

#9C9875

Tritanopia

#898488

Achromatopsia

#ADADAD

CSS Usage

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

Tailwind Shades

50
#F7FAF4
100
#EDF4E6
200
#DAECCA
300
#BFDFA5
400
#9DCD74
500
#7ABC43
600
#629636
700
#4E782B
800
#3D5E22
900
#2F451C
950
#1D2C12

Contrast Checker

Text on white

2.13:1

AA Fail AAA Fail

Text on black

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