#676064

#676064

Color Values

HEX

#676064

RGB

103, 96, 100

HSL

325.7, 3.5%, 39.0%

HSV

325.7, 6.8%, 40.4%

CMYK

0.0%, 6.8%, 2.9%, 59.6%

OKLCH

0.4969 0.0108 342.1

Properties

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

Color Harmonies

Complementary

#676064

#606763

Analogous

#666067

#676060

#676064

Triadic

#676064

#646760

#606467

Split Complementary

#676064

#606760

#606766

Tetradic

#676064

#676660

#606763

#606067

Color Blindness Simulation

Original

#676064

Protanopia

#646463

Deuteranopia

#646563

Tritanopia

#676262

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEEDED
200
#DDDADB
300
#C4C0C2
400
#A49DA1
500
#847B80
600
#6A6267
700
#544F52
800
#423E40
900
#322F31
950
#201E1F

Contrast Checker

Text on white

6.12:1

AA Pass AAA Fail

Text on black

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