#676567

#676567

Color Values

HEX

#676567

RGB

103, 101, 103

HSL

300.0, 1.0%, 40.0%

HSV

300.0, 1.9%, 40.4%

CMYK

0.0%, 1.9%, 0.0%, 59.6%

OKLCH

0.5092 0.004 325.6

Properties

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

Color Harmonies

Complementary

#676567

#656765

Analogous

#666567

#676566

#676567

Triadic

#676567

#676765

#656767

Split Complementary

#676567

#666765

#656766

Tetradic

#676567

#676665

#656765

#656667

Color Blindness Simulation

Original

#676567

Protanopia

#666667

Deuteranopia

#666666

Tritanopia

#676666

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#F7F7F7
100
#EDEDED
200
#DCDBDC
300
#C2C1C2
400
#A2A0A2
500
#817E81
600
#676567
700
#525152
800
#403F40
900
#313031
950
#1F1E1F

Contrast Checker

Text on white

5.78:1

AA Pass AAA Fail

Text on black

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