#86F04D

#86F04D

Color Values

HEX

#86F04D

RGB

134, 240, 77

HSL

99.0, 84.5%, 62.2%

HSV

99.0, 67.9%, 94.1%

CMYK

44.2%, 0.0%, 67.9%, 5.9%

OKLCH

0.8597 0.2199 136.7

Properties

Cool Light Nearest: chartreuse 3

Color Harmonies

Complementary

#86F04D

#B74DF0

Analogous

#D8F04D

#4DF066

#86F04D

Triadic

#86F04D

#4D86F0

#F04D86

Split Complementary

#86F04D

#664DF0

#F04DD8

Tetradic

#86F04D

#4DD8F0

#B74DF0

#F0664D

Color Blindness Simulation

Original

#86F04D

Protanopia

#B4B574

Deuteranopia

#AEA67E

Tritanopia

#8B949A

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#F6FDF2
100
#E9FAE0
200
#D2F9BD
300
#B2F68E
400
#89F051
500
#5FEB14
600
#4CBC10
700
#3D970D
800
#30760A
900
#25550C
950
#183607

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

14.58:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026