#686131

#686131

Color Values

HEX

#686131

RGB

104, 97, 49

HSL

52.4, 35.9%, 30.0%

HSV

52.4, 52.9%, 40.8%

CMYK

0.0%, 6.7%, 52.9%, 59.2%

OKLCH

0.4878 0.0681 101.1

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#686131

#313868

Analogous

#684631

#536831

#686131

Triadic

#686131

#316861

#613168

Split Complementary

#686131

#315368

#463168

Tetradic

#686131

#316846

#313868

#683153

Color Blindness Simulation

Original

#686131

Protanopia

#65653D

Deuteranopia

#65663F

Tritanopia

#684648

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#FAF9F5
100
#F3F1E8
200
#E8E5CE
300
#D8D2AC
400
#C3BA7F
500
#ADA252
600
#8B8141
700
#6F6734
800
#575129
900
#403C21
950
#282615

Contrast Checker

Text on white

6.28:1

AA Pass AAA Fail

Text on black

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