#86D689

#86D689

Color Values

HEX

#86D689

RGB

134, 214, 137

HSL

122.2, 49.4%, 68.2%

HSV

122.2, 37.4%, 83.9%

CMYK

37.4%, 0.0%, 36.0%, 16.1%

OKLCH

0.8052 0.1329 145.1

Properties

Cool Light Nearest: NCS S 0530-G10Y Spring Green

Color Harmonies

Complementary

#86D689

#D686D3

Analogous

#ABD686

#86D6B1

#86D689

Triadic

#86D689

#8986D6

#D68986

Split Complementary

#86D689

#B186D6

#D686AB

Tetradic

#86D689

#86ABD6

#D686D3

#D6B186

Color Blindness Simulation

Original

#86D689

Protanopia

#A9A99C

Deuteranopia

#A49EA0

Tritanopia

#8AAAAE

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#F4FBF4
100
#E6F5E6
200
#CAEDCB
300
#A4E0A6
400
#72CF75
500
#41BE45
600
#349837
700
#297A2C
800
#205F23
900
#1B461C
950
#112C12

Contrast Checker

Text on white

1.75:1

AA Fail AAA Fail

Text on black

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