#697E72

#697E72

Color Values

HEX

#697E72

RGB

105, 126, 114

HSL

145.7, 9.1%, 45.3%

HSV

145.7, 16.7%, 49.4%

CMYK

16.7%, 0.0%, 9.5%, 50.6%

OKLCH

0.5725 0.0306 160.2

Properties

Cool Light Nearest: RAL 7033 Cement Grey

Color Harmonies

Complementary

#697E72

#7E6975

Analogous

#6B7E69

#697E7D

#697E72

Triadic

#697E72

#72697E

#7E7269

Split Complementary

#697E72

#7D697E

#7E696B

Tetradic

#697E72

#696B7E

#7E6975

#7E7D69

Color Blindness Simulation

Original

#697E72

Protanopia

#727275

Deuteranopia

#716F76

Tritanopia

#6A7778

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#ECEFED
200
#D8DFDB
300
#BCC7C1
400
#98A99F
500
#748B7E
600
#5D6F65
700
#4A5951
800
#3A463F
900
#2C3430
950
#1C211E

Contrast Checker

Text on white

4.35:1

AA Fail AAA Fail

Text on black

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