#86ED9F

#86ED9F

Color Values

HEX

#86ED9F

RGB

134, 237, 159

HSL

134.6, 74.1%, 72.7%

HSV

134.6, 43.5%, 92.9%

CMYK

43.5%, 0.0%, 32.9%, 7.1%

OKLCH

0.8638 0.1455 150.3

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#86ED9F

#ED86D4

Analogous

#A0ED86

#86EDD2

#86ED9F

Triadic

#86ED9F

#9F86ED

#ED9F86

Split Complementary

#86ED9F

#D286ED

#ED86A0

Tetradic

#86ED9F

#86A0ED

#ED86D4

#EDD286

Color Blindness Simulation

Original

#86ED9F

Protanopia

#B3B3B2

Deuteranopia

#ADA5B6

Tritanopia

#8BC1C4

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#F3FCF5
100
#E2F8E7
200
#C1F6CE
300
#94EFAB
400
#5BE77D
500
#21DE4F
600
#1AB23F
700
#158E33
800
#116F28
900
#105120
950
#0A3314

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

14.63:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026