#86D258

#86D258

Color Values

HEX

#86D258

RGB

134, 210, 88

HSL

97.4, 57.5%, 58.4%

HSV

97.4, 58.1%, 82.4%

CMYK

36.2%, 0.0%, 58.1%, 17.6%

OKLCH

0.7883 0.1737 135.3

Properties

Cool Light Nearest: NCS S 1050-G30Y Yellow Green

Color Harmonies

Complementary

#86D258

#A458D2

Analogous

#C3D258

#58D267

#86D258

Triadic

#86D258

#5886D2

#D25886

Split Complementary

#86D258

#6758D2

#D258C3

Tetradic

#86D258

#58C3D2

#A458D2

#D26758

Color Blindness Simulation

Original

#86D258

Protanopia

#A7A875

Deuteranopia

#A29D7D

Tritanopia

#8A8D92

Achromatopsia

#B9B9B9

CSS Usage

background-color: #86D258;
color: #86D258;
border-color: #86D258;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#F6FBF4
100
#EBF6E4
200
#D6F0C7
300
#B9E59F
400
#93D76A
500
#6DC936
600
#58A12B
700
#468123
800
#37641B
900
#2A4A17
950
#1B2E0F

Contrast Checker

Text on white

1.85:1

AA Fail AAA Fail

Text on black

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