#86FE83

#86FE83

Color Values

HEX

#86FE83

RGB

134, 254, 131

HSL

118.5, 98.4%, 75.5%

HSV

118.5, 48.4%, 99.6%

CMYK

47.2%, 0.0%, 48.4%, 0.4%

OKLCH

0.8993 0.1954 143.3

Properties

Cool Light Nearest: Screamin Green

Color Harmonies

Complementary

#86FE83

#FB83FE

Analogous

#C4FE83

#83FEBD

#86FE83

Triadic

#86FE83

#8386FE

#FE8386

Split Complementary

#86FE83

#BD83FE

#FE83C4

Tetradic

#86FE83

#83C4FE

#FB83FE

#FEBD83

Color Blindness Simulation

Original

#86FE83

Protanopia

#BABBA1

Deuteranopia

#B3AAA8

Tritanopia

#8CB8BD

Achromatopsia

#DCDCDC

CSS Usage

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

Tailwind Shades

50
#F1FEF1
100
#DFFCDE
200
#BAFEB8
300
#89FE86
400
#48FD44
500
#08FD02
600
#07CA02
700
#05A201
800
#047E01
900
#085B06
950
#053A04

Contrast Checker

Text on white

1.27:1

AA Fail AAA Fail

Text on black

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