#686064

#686064

Color Values

HEX

#686064

RGB

104, 96, 100

HSL

330.0, 4.0%, 39.2%

HSV

330.0, 7.7%, 40.8%

CMYK

0.0%, 7.7%, 3.8%, 59.2%

OKLCH

0.4979 0.0119 345.8

Properties

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

Color Harmonies

Complementary

#686064

#606864

Analogous

#686068

#686060

#686064

Triadic

#686064

#646860

#606468

Split Complementary

#686064

#606860

#606868

Tetradic

#686064

#686860

#606864

#606068

Color Blindness Simulation

Original

#686064

Protanopia

#656463

Deuteranopia

#656663

Tritanopia

#686262

Achromatopsia

#626262

CSS Usage

background-color: #686064;
color: #686064;
border-color: #686064;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F8F7F7
100
#EEEDED
200
#DDDADB
300
#C4BFC2
400
#A49DA1
500
#857A80
600
#6A6266
700
#554E52
800
#423D40
900
#322F30
950
#201D1F

Contrast Checker

Text on white

6.09:1

AA Pass AAA Fail

Text on black

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