#696764

#696764

Color Values

HEX

#696764

RGB

105, 103, 100

HSL

36.0, 2.4%, 40.2%

HSV

36.0, 4.8%, 41.2%

CMYK

0.0%, 1.9%, 4.8%, 58.8%

OKLCH

0.5146 0.0053 78.3

Properties

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

Color Harmonies

Complementary

#696764

#646669

Analogous

#696564

#686964

#696764

Triadic

#696764

#646967

#676469

Split Complementary

#696764

#646869

#656469

Tetradic

#696764

#646965

#646669

#696468

Color Blindness Simulation

Original

#696764

Protanopia

#686865

Deuteranopia

#686865

Tritanopia

#696565

Achromatopsia

#676767

CSS Usage

background-color: #696764;
color: #696764;
border-color: #696764;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F8F7F7
100
#EEEDED
200
#DCDBDA
300
#C3C2C0
400
#A3A19E
500
#83807C
600
#686664
700
#545250
800
#41403E
900
#31312F
950
#1F1F1E

Contrast Checker

Text on white

5.64:1

AA Pass AAA Fail

Text on black

3.72:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026