#86AD72

#86AD72

Color Values

HEX

#86AD72

RGB

134, 173, 114

HSL

99.7, 26.5%, 56.3%

HSV

99.7, 34.1%, 67.8%

CMYK

22.5%, 0.0%, 34.1%, 32.2%

OKLCH

0.7039 0.093 135.4

Properties

Cool Light Nearest: Asparagus

Color Harmonies

Complementary

#86AD72

#9972AD

Analogous

#A4AD72

#72AD7C

#86AD72

Triadic

#86AD72

#7286AD

#AD7286

Split Complementary

#86AD72

#7C72AD

#AD72A4

Tetradic

#86AD72

#72A4AD

#9972AD

#AD7C72

Color Blindness Simulation

Original

#86AD72

Protanopia

#979780

Deuteranopia

#959284

Tritanopia

#888C8E

Achromatopsia

#A0A0A0

CSS Usage

background-color: #86AD72;
color: #86AD72;
border-color: #86AD72;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F7F9F6
100
#ECF1E9
200
#D8E5D2
300
#BDD2B2
400
#99BA88
500
#75A15E
600
#5D814B
700
#4B673C
800
#3A512F
900
#2D3C25
950
#1C2617

Contrast Checker

Text on white

2.55:1

AA Fail AAA Fail

Text on black

8.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