#696767

#696767

Color Values

HEX

#696767

RGB

105, 103, 103

HSL

0.0, 1.0%, 40.8%

HSV

0.0, 1.9%, 41.2%

CMYK

0.0%, 1.9%, 1.9%, 58.8%

OKLCH

0.5156 0.0025 17.2

Properties

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

Color Harmonies

Complementary

#696767

#676969

Analogous

#696768

#696867

#696767

Triadic

#696767

#676967

#676769

Split Complementary

#696767

#676968

#676869

Tetradic

#696767

#686967

#676969

#686769

Color Blindness Simulation

Original

#696767

Protanopia

#686867

Deuteranopia

#686867

Tritanopia

#696767

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F7F7F7
100
#EDEDED
200
#DCDBDB
300
#C2C1C1
400
#A2A0A0
500
#817E7E
600
#676565
700
#525151
800
#403F3F
900
#313030
950
#1F1E1E

Contrast Checker

Text on white

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