#86EB84

#86EB84

Color Values

HEX

#86EB84

RGB

134, 235, 132

HSL

118.8, 72.0%, 72.0%

HSV

118.8, 43.8%, 92.2%

CMYK

43.0%, 0.0%, 43.8%, 7.8%

OKLCH

0.8542 0.1684 143.5

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#86EB84

#E984EB

Analogous

#BAEB84

#84EBB6

#86EB84

Triadic

#86EB84

#8486EB

#EB8486

Split Complementary

#86EB84

#B684EB

#EB84BA

Tetradic

#86EB84

#84BAEB

#E984EB

#EBB684

Color Blindness Simulation

Original

#86EB84

Protanopia

#B2B39D

Deuteranopia

#ACA4A3

Tritanopia

#8BB1B5

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#F3FCF3
100
#E3F8E2
200
#C3F5C2
300
#97EE96
400
#5FE55D
500
#27DB24
600
#1FAF1D
700
#198C17
800
#146E12
900
#125011
950
#0C320B

Contrast Checker

Text on white

1.48:1

AA Fail AAA Fail

Text on black

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