#697B77

#697B77

Color Values

HEX

#697B77

RGB

105, 123, 119

HSL

166.7, 7.9%, 44.7%

HSV

166.7, 14.6%, 48.2%

CMYK

14.6%, 0.0%, 3.3%, 51.8%

OKLCH

0.567 0.0221 180.6

Properties

Cool Light Nearest: lightcyan 4

Color Harmonies

Complementary

#697B77

#7B696D

Analogous

#697B6E

#69767B

#697B77

Triadic

#697B77

#77697B

#7B7769

Split Complementary

#697B77

#7B6976

#7B6E69

Tetradic

#697B77

#6E697B

#7B696D

#767B69

Color Blindness Simulation

Original

#697B77

Protanopia

#717178

Deuteranopia

#706E78

Tritanopia

#6A7979

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#ECEEEE
200
#D8DEDD
300
#BDC7C4
400
#99A8A5
500
#758A85
600
#5E6E6A
700
#4B5855
800
#3B4543
900
#2D3432
950
#1C2120

Contrast Checker

Text on white

4.47:1

AA Fail AAA Fail

Text on black

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