#686163

#686163

Color Values

HEX

#686163

RGB

104, 97, 99

HSL

342.9, 3.5%, 39.4%

HSV

342.9, 6.7%, 40.8%

CMYK

0.0%, 6.7%, 4.8%, 59.2%

OKLCH

0.4998 0.0094 358.1

Properties

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

Color Harmonies

Complementary

#686163

#616866

Analogous

#686166

#686261

#686163

Triadic

#686163

#636861

#616368

Split Complementary

#686163

#616862

#616668

Tetradic

#686163

#666861

#616866

#626168

Color Blindness Simulation

Original

#686163

Protanopia

#656563

Deuteranopia

#656662

Tritanopia

#686262

Achromatopsia

#636363

CSS Usage

background-color: #686163;
color: #686163;
border-color: #686163;
Nearest Tailwind: Neutral 500 #737373

Tailwind Shades

50
#F8F7F7
100
#EEEDED
200
#DDDADB
300
#C4C0C1
400
#A49D9F
500
#847B7E
600
#6A6264
700
#544F50
800
#423E3F
900
#322F30
950
#201E1E

Contrast Checker

Text on white

6.04:1

AA Pass AAA Fail

Text on black

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