#697560

#697560

Color Values

HEX

#697560

RGB

105, 117, 96

HSL

94.3, 9.9%, 41.8%

HSV

94.3, 17.9%, 45.9%

CMYK

10.3%, 0.0%, 17.9%, 54.1%

OKLCH

0.5461 0.0349 131.8

Properties

Cool Dark Nearest: RAL 7003 Moss Grey

Color Harmonies

Complementary

#697560

#6C6075

Analogous

#747560

#607562

#697560

Triadic

#697560

#606975

#756069

Split Complementary

#697560

#626075

#756074

Tetradic

#697560

#607475

#6C6075

#756260

Color Blindness Simulation

Original

#697560

Protanopia

#6E6E65

Deuteranopia

#6E6D66

Tritanopia

#6A696A

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#EDEFEC
200
#DBDFD8
300
#C1C8BC
400
#9FAA97
500
#7E8C73
600
#65705C
700
#505A4A
800
#3F4639
900
#30352C
950
#1E211C

Contrast Checker

Text on white

4.87:1

AA Pass AAA Fail

Text on black

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