#86C18D

#86C18D

Color Values

HEX

#86C18D

RGB

134, 193, 141

HSL

127.1, 32.2%, 64.1%

HSV

127.1, 30.6%, 75.7%

CMYK

30.6%, 0.0%, 26.9%, 24.3%

OKLCH

0.7566 0.0959 147.6

Properties

Cool Light Nearest: darkseagreen 3

Color Harmonies

Complementary

#86C18D

#C186BA

Analogous

#9CC186

#86C1AA

#86C18D

Triadic

#86C18D

#8D86C1

#C18D86

Split Complementary

#86C18D

#AA86C1

#C1869C

Tetradic

#86C18D

#869CC1

#C186BA

#C1AA86

Color Blindness Simulation

Original

#86C18D

Protanopia

#A0A09A

Deuteranopia

#9C989D

Tritanopia

#89A4A6

Achromatopsia

#B1B1B1

CSS Usage

background-color: #86C18D;
color: #86C18D;
border-color: #86C18D;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F5F9F6
100
#E8F2E9
200
#D0E7D3
300
#AED6B3
400
#82BF89
500
#56A960
600
#45874D
700
#376C3E
800
#2B5430
900
#223E26
950
#162718

Contrast Checker

Text on white

2.09:1

AA Fail AAA Fail

Text on black

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