#686740

#686740

Color Values

HEX

#686740

RGB

104, 103, 64

HSL

58.5, 23.8%, 32.9%

HSV

58.5, 38.5%, 40.8%

CMYK

0.0%, 1.0%, 38.5%, 59.2%

OKLCH

0.5046 0.057 107.0

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#686740

#404168

Analogous

#685340

#556840

#686740

Triadic

#686740

#406867

#674068

Split Complementary

#686740

#405568

#534068

Tetradic

#686740

#406853

#404168

#684055

Color Blindness Simulation

Original

#686740

Protanopia

#686849

Deuteranopia

#68684C

Tritanopia

#685153

Achromatopsia

#646464

CSS Usage

background-color: #686740;
color: #686740;
border-color: #686740;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F9F9F6
100
#F1F1EA
200
#E4E3D3
300
#D0D0B3
400
#B7B68A
500
#9E9C61
600
#7E7D4E
700
#65643E
800
#4F4E31
900
#3B3A26
950
#252518

Contrast Checker

Text on white

5.83:1

AA Pass AAA Fail

Text on black

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