#86E336

#86E336

Color Values

HEX

#86E336

RGB

134, 227, 54

HSL

92.3, 75.5%, 55.1%

HSV

92.3, 76.2%, 89.0%

CMYK

41.0%, 0.0%, 76.2%, 11.0%

OKLCH

0.8266 0.2177 134.2

Properties

Cool Light Nearest: chartreuse 3

Color Harmonies

Complementary

#86E336

#9336E3

Analogous

#DCE336

#36E33D

#86E336

Triadic

#86E336

#3686E3

#E33686

Split Complementary

#86E336

#3D36E3

#E336DC

Tetradic

#86E336

#36DCE3

#9336E3

#E33D36

Color Blindness Simulation

Original

#86E336

Protanopia

#AEAF60

Deuteranopia

#A9A26A

Tritanopia

#8B8188

Achromatopsia

#C3C3C3

CSS Usage

background-color: #86E336;
color: #86E336;
border-color: #86E336;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#F7FCF2
100
#ECF9E2
200
#D9F6C0
300
#BEF094
400
#9BE859
500
#78E01F
600
#60B319
700
#4D8F14
800
#3C7010
900
#2E5110
950
#1D330A

Contrast Checker

Text on white

1.61:1

AA Fail AAA Fail

Text on black

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