#697C7E

#697C7E

Color Values

HEX

#697C7E

RGB

105, 124, 126

HSL

185.7, 9.1%, 45.3%

HSV

185.7, 16.7%, 49.4%

CMYK

16.7%, 1.6%, 0.0%, 50.6%

OKLCH

0.5717 0.0225 204.3

Properties

Cool Light Nearest: lightblue 4

Color Harmonies

Complementary

#697C7E

#7E6B69

Analogous

#697E76

#69727E

#697C7E

Triadic

#697C7E

#7E697C

#7C7E69

Split Complementary

#697C7E

#7E6972

#7E7669

Tetradic

#697C7E

#76697E

#7E6B69

#727E69

Color Blindness Simulation

Original

#697C7E

Protanopia

#71717E

Deuteranopia

#706F7D

Tritanopia

#6A7D7D

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#ECEEEF
200
#D8DEDF
300
#BCC6C7
400
#98A8A9
500
#74898B
600
#5D6E6F
700
#4A5859
800
#3A4446
900
#2C3434
950
#1C2121

Contrast Checker

Text on white

4.39:1

AA Fail AAA Fail

Text on black

4.78:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026