#86F182

#86F182

Color Values

HEX

#86F182

RGB

134, 241, 130

HSL

117.8, 79.9%, 72.7%

HSV

117.8, 46.1%, 94.5%

CMYK

44.4%, 0.0%, 46.1%, 5.5%

OKLCH

0.8682 0.1786 143.1

Properties

Cool Light Nearest: palegreen

Color Harmonies

Complementary

#86F182

#ED82F1

Analogous

#BDF182

#82F1B5

#86F182

Triadic

#86F182

#8286F1

#F18286

Split Complementary

#86F182

#B582F1

#F182BD

Tetradic

#86F182

#82BDF1

#ED82F1

#F1B582

Color Blindness Simulation

Original

#86F182

Protanopia

#B4B59D

Deuteranopia

#AEA6A3

Tritanopia

#8BB2B7

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#F3FDF2
100
#E2F9E1
200
#C1F8BF
300
#94F391
400
#5BEC55
500
#21E51A
600
#1AB715
700
#159310
800
#11730D
900
#10530E
950
#0A3509

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

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