#86A04B

#86A04B

Color Values

HEX

#86A04B

RGB

134, 160, 75

HSL

78.4, 36.2%, 46.1%

HSV

78.4, 53.1%, 62.7%

CMYK

16.2%, 0.0%, 53.1%, 37.3%

OKLCH

0.6669 0.116 123.6

Properties

Cool Light Nearest: darkolivegreen 4

Color Harmonies

Complementary

#86A04B

#654BA0

Analogous

#A0904B

#5BA04B

#86A04B

Triadic

#86A04B

#4B86A0

#A04B86

Split Complementary

#86A04B

#4B5BA0

#904BA0

Tetradic

#86A04B

#4BA090

#654BA0

#A04B5B

Color Blindness Simulation

Original

#86A04B

Protanopia

#919160

Deuteranopia

#908E64

Tritanopia

#877073

Achromatopsia

#949494

CSS Usage

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

Tailwind Shades

50
#F8FAF5
100
#EFF3E8
200
#E0E8CE
300
#CAD8AC
400
#AEC37E
500
#91AE51
600
#748B41
700
#5D6F34
800
#495729
900
#374021
950
#222915

Contrast Checker

Text on white

2.94:1

AA Fail AAA Fail

Text on black

7.14:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026