#697B86

#697B86

Color Values

HEX

#697B86

RGB

105, 123, 134

HSL

202.8, 12.1%, 46.9%

HSV

202.8, 21.6%, 52.5%

CMYK

21.6%, 8.2%, 0.0%, 47.5%

OKLCH

0.5722 0.0272 234.8

Properties

Cool Light Nearest: lightsteelblue 4

Color Harmonies

Complementary

#697B86

#867469

Analogous

#698683

#696D86

#697B86

Triadic

#697B86

#86697B

#7B8669

Split Complementary

#697B86

#86696D

#868369

Tetradic

#697B86

#836986

#867469

#6D8669

Color Blindness Simulation

Original

#697B86

Protanopia

#717183

Deuteranopia

#706E83

Tritanopia

#6A8181

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#EBEEEF
200
#D7DCE0
300
#BAC4C9
400
#95A3AC
500
#70838F
600
#5A6972
700
#48545B
800
#384247
900
#2B3236
950
#1B1F22

Contrast Checker

Text on white

4.4:1

AA Fail AAA Fail

Text on black

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