#86FD93

#86FD93

Color Values

HEX

#86FD93

RGB

134, 253, 147

HSL

126,6, 96,7%, 75,9%

HSV

126,6, 47,0%, 99,2%

CMYK

47,0%, 0,0%, 41,9%, 0,8%

OKLCH

0,8994 0,1794 146,2

Properties

Cool Light Nearest: palegreen

Color Harmonies

Complementary

#86FD93

#FD86F0

Analogous

#B4FD86

#86FDCF

#86FD93

Triadic

#86FD93

#9386FD

#FD9386

Split Complementary

#86FD93

#CF86FD

#FD86B4

Tetradic

#86FD93

#86B4FD

#FD86F0

#FDCF86

Color Blindness Simulation

Original

#86FD93

Protanopia

#BABBAD

Deuteranopia

#B3AAB3

Tritanopia

#8CC1C5

Achromatopsia

#DCDCDC

CSS Usage

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

Tailwind Shades

50
#F1FEF2
100
#DEFCE2
200
#B9FEC0
300
#87FD94
400
#45FC59
500
#04FB1F
600
#03C919
700
#03A114
800
#027D10
900
#065B10
950
#04390A

Contrast Checker

Text on white

1,27:1

AA Fail AAA Fail

Text on black

16,49:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026