#686867

#686867

Color Values

HEX

#686867

RGB

104, 104, 103

HSL

60.0, 0.5%, 40.6%

HSV

60.0, 1.0%, 40.8%

CMYK

0.0%, 0.0%, 1.0%, 59.2%

OKLCH

0.517 0.0015 106.5

Properties

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

Color Harmonies

Complementary

#686867

#676768

Analogous

#686867

#686867

#686867

Triadic

#686867

#676868

#686768

Split Complementary

#686867

#676868

#686768

Tetradic

#686867

#676868

#676768

#686768

Color Blindness Simulation

Original

#686867

Protanopia

#686867

Deuteranopia

#686867

Tritanopia

#686767

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#F7F7F7
100
#EDEDED
200
#DBDBDB
300
#C2C2C1
400
#A1A1A0
500
#80807F
600
#676765
700
#525251
800
#40403F
900
#313130
950
#1F1F1E

Contrast Checker

Text on white

5.58:1

AA Pass AAA Fail

Text on black

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