#696364

#696364

Color Values

HEX

#696364

RGB

105, 99, 100

HSL

350.0, 2.9%, 40.0%

HSV

350.0, 5.7%, 41.2%

CMYK

0.0%, 5.7%, 4.8%, 58.8%

OKLCH

0.5056 0.0078 5.8

Properties

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

Color Harmonies

Complementary

#696364

#636968

Analogous

#696367

#696563

#696364

Triadic

#696364

#646963

#636469

Split Complementary

#696364

#636965

#636769

Tetradic

#696364

#676963

#636968

#656369

Color Blindness Simulation

Original

#696364

Protanopia

#666664

Deuteranopia

#676764

Tritanopia

#696464

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEEDED
200
#DCDADB
300
#C4C0C1
400
#A39E9F
500
#837C7D
600
#696364
700
#544F50
800
#423E3F
900
#322F30
950
#1F1E1E

Contrast Checker

Text on white

5.88:1

AA Pass AAA Fail

Text on black

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