#676864

#676864

Color Values

HEX

#676864

RGB

103, 104, 100

HSL

75.0, 2.0%, 40.0%

HSV

75.0, 3.8%, 40.8%

CMYK

1.0%, 0.0%, 3.8%, 59.2%

OKLCH

0.5151 0.0063 118.0

Properties

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

Color Harmonies

Complementary

#676864

#656468

Analogous

#686764

#656864

#676864

Triadic

#676864

#646768

#686467

Split Complementary

#676864

#646568

#676468

Tetradic

#676864

#646867

#656468

#686465

Color Blindness Simulation

Original

#676864

Protanopia

#676765

Deuteranopia

#676765

Tritanopia

#676666

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F7F7F7
100
#EDEDED
200
#DCDCDB
300
#C2C3C1
400
#A2A39F
500
#81827D
600
#676864
700
#525350
800
#40413E
900
#313130
950
#1F1F1E

Contrast Checker

Text on white

5.61:1

AA Pass AAA Fail

Text on black

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