#86C98A

#86C98A

Color Values

HEX

#86C98A

RGB

134, 201, 138

HSL

123.6, 38.3%, 65.7%

HSV

123.6, 33.3%, 78.8%

CMYK

33.3%, 0.0%, 31.3%, 21.2%

OKLCH

0.7747 0.1118 145.8

Properties

Cool Light Nearest: NCS S 0530-G Light Green

Color Harmonies

Complementary

#86C98A

#C986C5

Analogous

#A4C986

#86C9AC

#86C98A

Triadic

#86C98A

#8A86C9

#C98A86

Split Complementary

#86C98A

#AC86C9

#C986A4

Tetradic

#86C98A

#86A4C9

#C986C5

#C9AC86

Color Blindness Simulation

Original

#86C98A

Protanopia

#A3A499

Deuteranopia

#9F9A9D

Tritanopia

#89A5A8

Achromatopsia

#B6B6B6

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E7F3E8
200
#CEE9CF
300
#AAD9AD
400
#7DC581
500
#4FB055
600
#3F8D44
700
#327136
800
#27582A
900
#204122
950
#142915

Contrast Checker

Text on white

1.96:1

AA Fail AAA Fail

Text on black

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