#686B39

#686B39

Color Values

HEX

#686B39

RGB

104, 107, 57

HSL

63.6, 30.5%, 32.2%

HSV

63.6, 46.7%, 42.0%

CMYK

2.8%, 0.0%, 46.7%, 58.0%

OKLCH

0.5129 0.0712 111.7

Properties

Cool Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#686B39

#3C396B

Analogous

#6B5539

#4F6B39

#686B39

Triadic

#686B39

#39686B

#6B3968

Split Complementary

#686B39

#394F6B

#55396B

Tetradic

#686B39

#396B55

#3C396B

#6B394F

Color Blindness Simulation

Original

#686B39

Protanopia

#696945

Deuteranopia

#696948

Tritanopia

#684F51

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F9F9F5
100
#F1F2E9
200
#E5E6D0
300
#D2D4AF
400
#BABD84
500
#A2A659
600
#818547
700
#686A39
800
#51532C
900
#3C3E23
950
#262716

Contrast Checker

Text on white

5.6:1

AA Pass AAA Fail

Text on black

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