#686759

#686759

Color Values

HEX

#686759

RGB

104, 103, 89

HSL

56.0, 7.8%, 37.8%

HSV

56.0, 14.4%, 40.8%

CMYK

0.0%, 1.0%, 14.4%, 59.2%

OKLCH

0.5105 0.0215 103.8

Properties

Warm Dark Nearest: RAL 7023 Concrete Grey

Color Harmonies

Complementary

#686759

#595A68

Analogous

#685F59

#616859

#686759

Triadic

#686759

#596867

#675968

Split Complementary

#686759

#596168

#5F5968

Tetradic

#686759

#59685F

#595A68

#685961

Color Blindness Simulation

Original

#686759

Protanopia

#68685C

Deuteranopia

#68685D

Tritanopia

#685F60

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EEEEEC
200
#DEDED9
300
#C7C6BD
400
#A8A799
500
#898876
600
#6E6D5E
700
#58574B
800
#45443B
900
#34332D
950
#21201C

Contrast Checker

Text on white

5.72:1

AA Pass AAA Fail

Text on black

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