#697A5F

#697A5F

Color Values

HEX

#697A5F

RGB

105, 122, 95

HSL

97.8, 12.4%, 42.5%

HSV

97.8, 22.1%, 47.8%

CMYK

13.9%, 0.0%, 22.1%, 52.2%

OKLCH

0.5578 0.0453 134.0

Properties

Cool Dark Nearest: RAL 6013 Reed Green

Color Harmonies

Complementary

#697A5F

#705F7A

Analogous

#767A5F

#5F7A62

#697A5F

Triadic

#697A5F

#5F697A

#7A5F69

Split Complementary

#697A5F

#625F7A

#7A5F76

Tetradic

#697A5F

#5F767A

#705F7A

#7A625F

Color Blindness Simulation

Original

#697A5F

Protanopia

#707166

Deuteranopia

#6F6E67

Tritanopia

#6A6B6C

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#EDEFEB
200
#DAE0D7
300
#C0C9BA
400
#9EAC95
500
#7B8F70
600
#637359
700
#4F5C47
800
#3E4838
900
#2F362B
950
#1E221B

Contrast Checker

Text on white

4.62:1

AA Pass AAA Fail

Text on black

4.55:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026