#686160

#686160

Color Values

HEX

#686160

RGB

104, 97, 96

HSL

7.5, 4.0%, 39.2%

HSV

7.5, 7.7%, 40.8%

CMYK

0.0%, 6.7%, 7.7%, 59.2%

OKLCH

0.4988 0.0091 27.3

Properties

Warm Dark Nearest: NCS S 6000-N Medium Dark Grey

Color Harmonies

Complementary

#686160

#606768

Analogous

#686063

#686560

#686160

Triadic

#686160

#606861

#616068

Split Complementary

#686160

#606865

#606368

Tetradic

#686160

#636860

#606768

#656068

Color Blindness Simulation

Original

#686160

Protanopia

#656560

Deuteranopia

#656660

Tritanopia

#686060

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEEDED
200
#DDDADA
300
#C4C0BF
400
#A49E9D
500
#857C7A
600
#6A6362
700
#554F4E
800
#423E3D
900
#322F2F
950
#201E1D

Contrast Checker

Text on white

6.06:1

AA Pass AAA Fail

Text on black

3.47:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026