#86FD7F

#86FD7F

Color Values

HEX

#86FD7F

RGB

134, 253, 127

HSL

116.7, 96.9%, 74.5%

HSV

116.7, 49.8%, 99.2%

CMYK

47.0%, 0.0%, 49.8%, 0.8%

OKLCH

0.8964 0.1976 142.7

Properties

Cool Light Nearest: Screamin Green

Color Harmonies

Complementary

#86FD7F

#F67FFD

Analogous

#C5FD7F

#7FFDB7

#86FD7F

Triadic

#86FD7F

#7F86FD

#FD7F86

Split Complementary

#86FD7F

#B77FFD

#FD7FC5

Tetradic

#86FD7F

#7FC5FD

#F67FFD

#FDB77F

Color Blindness Simulation

Original

#86FD7F

Protanopia

#BABB9D

Deuteranopia

#B3AAA5

Tritanopia

#8CB6BB

Achromatopsia

#DBDBDB

CSS Usage

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

Tailwind Shades

50
#F2FEF1
100
#E0FCDE
200
#BDFEB9
300
#8DFD86
400
#4FFC45
500
#12FB04
600
#0EC903
700
#0BA103
800
#097E02
900
#0B5B06
950
#073904

Contrast Checker

Text on white

1.28:1

AA Fail AAA Fail

Text on black

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