#686464

#686464

Color Values

HEX

#686464

RGB

104, 100, 100

HSL

0.0, 2.0%, 40.0%

HSV

0.0, 3.8%, 40.8%

CMYK

0.0%, 3.8%, 3.8%, 59.2%

OKLCH

0.5069 0.0051 17.3

Properties

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

Color Harmonies

Complementary

#686464

#646868

Analogous

#686466

#686664

#686464

Triadic

#686464

#646864

#646468

Split Complementary

#686464

#646866

#646668

Tetradic

#686464

#666864

#646868

#666468

Color Blindness Simulation

Original

#686464

Protanopia

#666664

Deuteranopia

#666764

Tritanopia

#686464

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#F7F7F7
100
#EDEDED
200
#DCDBDB
300
#C3C1C1
400
#A39F9F
500
#827D7D
600
#686464
700
#535050
800
#413E3E
900
#313030
950
#1F1E1E

Contrast Checker

Text on white

5.84:1

AA Pass AAA Fail

Text on black

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