#86FD7D

#86FD7D

Color Values

HEX

#86FD7D

RGB

134, 253, 125

HSL

115.8, 97.0%, 74.1%

HSV

115.8, 50.6%, 99.2%

CMYK

47.0%, 0.0%, 50.6%, 0.8%

OKLCH

0.8961 0.1993 142.4

Properties

Cool Light Nearest: Screamin Green

Color Harmonies

Complementary

#86FD7D

#F47DFD

Analogous

#C6FD7D

#7DFDB4

#86FD7D

Triadic

#86FD7D

#7D86FD

#FD7D86

Split Complementary

#86FD7D

#B47DFD

#FD7DC6

Tetradic

#86FD7D

#7DC6FD

#F47DFD

#FDB47D

Color Blindness Simulation

Original

#86FD7D

Protanopia

#BABB9C

Deuteranopia

#B3AAA3

Tritanopia

#8CB4BA

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#F2FEF1
100
#E0FCDE
200
#BEFEB9
300
#8FFD86
400
#52FC45
500
#15FB04
600
#11C903
700
#0EA102
800
#0B7E02
900
#0C5B06
950
#083904

Contrast Checker

Text on white

1.28:1

AA Fail AAA Fail

Text on black

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