#696557

#696557

Color Values

HEX

#696557

RGB

105, 101, 87

HSL

46.7, 9.4%, 37.6%

HSV

46.7, 17.1%, 41.2%

CMYK

0.0%, 3.8%, 17.1%, 58.8%

OKLCH

0.5062 0.022 93.9

Properties

Warm Dark Nearest: RAL 7039 Quartz Grey

Color Harmonies

Complementary

#696557

#575B69

Analogous

#695C57

#646957

#696557

Triadic

#696557

#576965

#655769

Split Complementary

#696557

#576469

#5C5769

Tetradic

#696557

#57695C

#575B69

#695764

Color Blindness Simulation

Original

#696557

Protanopia

#67675A

Deuteranopia

#68685B

Tritanopia

#695D5E

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EFEEEC
200
#DFDDD8
300
#C8C5BC
400
#AAA698
500
#8B8674
600
#706B5C
700
#59564A
800
#46433A
900
#35332C
950
#21201C

Contrast Checker

Text on white

5.83:1

AA Pass AAA Fail

Text on black

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