#697C86

#697C86

Color Values

HEX

#697C86

RGB

105, 124, 134

HSL

200.7, 12.1%, 46.9%

HSV

200.7, 21.6%, 52.5%

CMYK

21.6%, 7.5%, 0.0%, 47.5%

OKLCH

0.5745 0.0271 230.8

Properties

Cool Light Nearest: lightblue 4

Color Harmonies

Complementary

#697C86

#867369

Analogous

#698682

#696E86

#697C86

Triadic

#697C86

#86697C

#7C8669

Split Complementary

#697C86

#86696E

#868269

Tetradic

#697C86

#826986

#867369

#6E8669

Color Blindness Simulation

Original

#697C86

Protanopia

#717184

Deuteranopia

#706F83

Tritanopia

#6A8281

Achromatopsia

#797979

CSS Usage

background-color: #697C86;
color: #697C86;
border-color: #697C86;
Nearest Tailwind: Gray 500 #6B7280

Tailwind Shades

50
#F7F8F8
100
#EBEEEF
200
#D7DDE0
300
#BAC4C9
400
#95A4AC
500
#70848F
600
#5A6A72
700
#48555B
800
#384247
900
#2B3236
950
#1B2022

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