#696964

#696964

Color Values

HEX

#696964

RGB

105, 105, 100

HSL

60.0, 2.4%, 40.2%

HSV

60.0, 4.8%, 41.2%

CMYK

0.0%, 0.0%, 4.8%, 58.8%

OKLCH

0.5192 0.0077 106.7

Properties

Warm Dark Nearest: RAL 7039 Quartz Grey

Color Harmonies

Complementary

#696964

#646469

Analogous

#696764

#676964

#696964

Triadic

#696964

#646969

#696469

Split Complementary

#696964

#646769

#676469

Tetradic

#696964

#646967

#646469

#696467

Color Blindness Simulation

Original

#696964

Protanopia

#696965

Deuteranopia

#696966

Tritanopia

#696666

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EEEEED
200
#DCDCDA
300
#C3C3C0
400
#A3A39E
500
#83837C
600
#686864
700
#545450
800
#41413E
900
#31312F
950
#1F1F1E

Contrast Checker

Text on white

5.52:1

AA Pass AAA Fail

Text on black

3.81:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026