#686D36

#686D36

Color Values

HEX

#686D36

RGB

104, 109, 54

HSL

65.5, 33.7%, 32.0%

HSV

65.5, 50.5%, 42.7%

CMYK

4.6%, 0.0%, 50.5%, 57.3%

OKLCH

0.5173 0.0774 113.4

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#686D36

#3B366D

Analogous

#6D5736

#4D6D36

#686D36

Triadic

#686D36

#36686D

#6D3668

Split Complementary

#686D36

#364D6D

#57366D

Tetradic

#686D36

#366D57

#3B366D

#6D364D

Color Blindness Simulation

Original

#686D36

Protanopia

#6A6A43

Deuteranopia

#6A6A46

Tritanopia

#684E50

Achromatopsia

#686868

CSS Usage

background-color: #686D36;
color: #686D36;
border-color: #686D36;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#F9FAF5
100
#F1F2E8
200
#E5E7CF
300
#D3D6AD
400
#BBC081
500
#A3AA55
600
#828844
700
#686D36
800
#51552A
900
#3C3F22
950
#262815

Contrast Checker

Text on white

5.48:1

AA Pass AAA Fail

Text on black

3.83:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026