#86F189

#86F189

Color Values

HEX

#86F189

RGB

134, 241, 137

HSL

121.7, 79.3%, 73.5%

HSV

121.7, 44.4%, 94.5%

CMYK

44.4%, 0.0%, 43.2%, 5.5%

OKLCH

0.8693 0.1721 144.5

Properties

Cool Light Nearest: palegreen

Color Harmonies

Complementary

#86F189

#F186EE

Analogous

#B8F186

#86F1BE

#86F189

Triadic

#86F189

#8986F1

#F18986

Split Complementary

#86F189

#BE86F1

#F186B8

Tetradic

#86F189

#86B8F1

#F186EE

#F1BE86

Color Blindness Simulation

Original

#86F189

Protanopia

#B4B5A2

Deuteranopia

#AEA6A8

Tritanopia

#8BB6BA

Achromatopsia

#D3D3D3

CSS Usage

background-color: #86F189;
color: #86F189;
border-color: #86F189;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F2FDF2
100
#E1F9E2
200
#BFF8C1
300
#91F294
400
#56EB5A
500
#1AE520
600
#15B71A
700
#119215
800
#0D7210
900
#0E5310
950
#09340A

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

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