#86AA68

#86AA68

Color Values

HEX

#86AA68

RGB

134, 170, 104

HSL

92.7, 28.0%, 53.7%

HSV

92.7, 38.8%, 66.7%

CMYK

21.2%, 0.0%, 38.8%, 33.3%

OKLCH

0.695 0.0996 131.8

Properties

Cool Light Nearest: Asparagus

Color Harmonies

Complementary

#86AA68

#8C68AA

Analogous

#A7AA68

#68AA6B

#86AA68

Triadic

#86AA68

#6886AA

#AA6886

Split Complementary

#86AA68

#6B68AA

#AA68A7

Tetradic

#86AA68

#68A7AA

#8C68AA

#AA6B68

Color Blindness Simulation

Original

#86AA68

Protanopia

#969678

Deuteranopia

#94917C

Tritanopia

#888587

Achromatopsia

#9E9E9E

CSS Usage

background-color: #86AA68;
color: #86AA68;
border-color: #86AA68;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F7F9F6
100
#EDF1E9
200
#DAE5D1
300
#C0D3B1
400
#9EBB86
500
#7CA35C
600
#638349
700
#50683B
800
#3E522E
900
#2F3D24
950
#1E2617

Contrast Checker

Text on white

2.64:1

AA Fail AAA Fail

Text on black

7.96:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026