#697A57

#697A57

Color Values

HEX

#697A57

RGB

105, 122, 87

HSL

89.1, 16.7%, 41.0%

HSV

89.1, 28.7%, 47.8%

CMYK

13.9%, 0.0%, 28.7%, 52.2%

OKLCH

0.5559 0.0558 129.1

Properties

Cool Dark Nearest: RAL 6013 Reed Green

Color Harmonies

Complementary

#697A57

#68577A

Analogous

#7A7957

#587A57

#697A57

Triadic

#697A57

#57697A

#7A5769

Split Complementary

#697A57

#57587A

#79577A

Tetradic

#697A57

#577A79

#68577A

#7A5758

Color Blindness Simulation

Original

#697A57

Protanopia

#70715F

Deuteranopia

#6F6E62

Tritanopia

#6A6668

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#F7F8F6
100
#EDF0EB
200
#DBE1D5
300
#C2CCB8
400
#A1B091
500
#80956A
600
#677755
700
#525F44
800
#404A35
900
#313829
950
#1F231A

Contrast Checker

Text on white

4.64:1

AA Pass AAA Fail

Text on black

4.52:1

AA Pass 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