#696962

#696962

Color Values

HEX

#696962

RGB

105, 105, 98

HSL

60.0, 3.4%, 39.8%

HSV

60.0, 6.7%, 41.2%

CMYK

0.0%, 0.0%, 6.7%, 58.8%

OKLCH

0.5186 0.0108 106.8

Properties

Warm Dark Nearest: RAL 7039 Quartz Grey

Color Harmonies

Complementary

#696962

#626269

Analogous

#696562

#656962

#696962

Triadic

#696962

#626969

#696269

Split Complementary

#696962

#626569

#656269

Tetradic

#696962

#626965

#626269

#696265

Color Blindness Simulation

Original

#696962

Protanopia

#696964

Deuteranopia

#696964

Tritanopia

#696565

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EEEEED
200
#DDDDDA
300
#C4C4C0
400
#A4A49D
500
#84847B
600
#696963
700
#54544F
800
#42423E
900
#32322F
950
#20201E

Contrast Checker

Text on white

5.53:1

AA Pass AAA Fail

Text on black

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