#86DD83

#86DD83

Color Values

HEX

#86DD83

RGB

134, 221, 131

HSL

118.0, 57.0%, 69.0%

HSV

118.0, 40.7%, 86.7%

CMYK

39.4%, 0.0%, 40.7%, 13.3%

OKLCH

0.8208 0.1493 143.4

Properties

Cool Light Nearest: NCS S 0530-G10Y Spring Green

Color Harmonies

Complementary

#86DD83

#DA83DD

Analogous

#B3DD83

#83DDAD

#86DD83

Triadic

#86DD83

#8386DD

#DD8386

Split Complementary

#86DD83

#AD83DD

#DD83B3

Tetradic

#86DD83

#83B3DD

#DA83DD

#DDAD83

Color Blindness Simulation

Original

#86DD83

Protanopia

#ACAC99

Deuteranopia

#A7A09E

Tritanopia

#8AAAAE

Achromatopsia

#C4C4C4

CSS Usage

background-color: #86DD83;
color: #86DD83;
border-color: #86DD83;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F4FBF4
100
#E5F6E5
200
#C8F0C7
300
#A1E59F
400
#6ED66B
500
#3CC837
600
#30A02C
700
#268023
800
#1E641B
900
#194918
950
#102E0F

Contrast Checker

Text on white

1.66:1

AA Fail AAA Fail

Text on black

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