#696A62

#696A62

Color Values

HEX

#696A62

RGB

105, 106, 98

HSL

67.5, 3.9%, 40.0%

HSV

67.5, 7.5%, 41.6%

CMYK

0.9%, 0.0%, 7.5%, 58.4%

OKLCH

0.5209 0.0123 112.6

Properties

Cool Dark Nearest: RAL 7039 Quartz Grey

Color Harmonies

Complementary

#696A62

#63626A

Analogous

#6A6762

#656A62

#696A62

Triadic

#696A62

#62696A

#6A6269

Split Complementary

#696A62

#62656A

#67626A

Tetradic

#696A62

#626A67

#63626A

#6A6265

Color Blindness Simulation

Original

#696A62

Protanopia

#696964

Deuteranopia

#696964

Tritanopia

#696566

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EEEEED
200
#DCDDDA
300
#C4C4BF
400
#A3A49D
500
#83847B
600
#696A62
700
#54554E
800
#42423D
900
#32322F
950
#1F201E

Contrast Checker

Text on white

5.47:1

AA Pass AAA Fail

Text on black

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