#696464

#696464

Color Values

HEX

#696464

RGB

105, 100, 100

HSL

0.0, 2.4%, 40.2%

HSV

0.0, 4.8%, 41.2%

CMYK

0.0%, 4.8%, 4.8%, 58.8%

OKLCH

0.5078 0.0063 17.4

Properties

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

Color Harmonies

Complementary

#696464

#646969

Analogous

#696467

#696764

#696464

Triadic

#696464

#646964

#646469

Split Complementary

#696464

#646967

#646769

Tetradic

#696464

#676964

#646969

#676469

Color Blindness Simulation

Original

#696464

Protanopia

#676764

Deuteranopia

#676864

Tritanopia

#696464

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEEDED
200
#DCDADA
300
#C3C0C0
400
#A39E9E
500
#837C7C
600
#686464
700
#545050
800
#413E3E
900
#312F2F
950
#1F1E1E

Contrast Checker

Text on white

5.82:1

AA Pass AAA Fail

Text on black

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