#697E71

#697E71

Color Values

HEX

#697E71

RGB

105, 126, 113

HSL

142.9, 9.1%, 45.3%

HSV

142.9, 16.7%, 49.4%

CMYK

16.7%, 0.0%, 10.3%, 50.6%

OKLCH

0.5722 0.0315 158.1

Properties

Cool Light Nearest: RAL 7033 Cement Grey

Color Harmonies

Complementary

#697E71

#7E6976

Analogous

#6B7E69

#697E7C

#697E71

Triadic

#697E71

#71697E

#7E7169

Split Complementary

#697E71

#7C697E

#7E696B

Tetradic

#697E71

#696B7E

#7E6976

#7E7C69

Color Blindness Simulation

Original

#697E71

Protanopia

#727274

Deuteranopia

#716F75

Tritanopia

#6A7777

Achromatopsia

#797979

CSS Usage

background-color: #697E71;
color: #697E71;
border-color: #697E71;
Nearest Tailwind: Neutral 500 #737373

Tailwind Shades

50
#F7F8F7
100
#ECEFED
200
#D8DFDB
300
#BCC7C0
400
#98A99F
500
#748B7D
600
#5D6F64
700
#4A5950
800
#3A463E
900
#2C3430
950
#1C211E

Contrast Checker

Text on white

4.35:1

AA Fail AAA Fail

Text on black

4.82:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026