#697DAA

#697DAA

Color Values

HEX

#697DAA

RGB

105, 125, 170

HSL

221.5, 27.7%, 53.9%

HSV

221.5, 38.2%, 66.7%

CMYK

38.2%, 26.5%, 0.0%, 33.3%

OKLCH

0.5917 0.0732 265.7

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#697DAA

#AA9669

Analogous

#699EAA

#7569AA

#697DAA

Triadic

#697DAA

#AA697D

#7DAA69

Split Complementary

#697DAA

#AA7569

#9EAA69

Tetradic

#697DAA

#AA699E

#AA9669

#69AA75

Color Blindness Simulation

Original

#697DAA

Protanopia

#72729F

Deuteranopia

#706F9C

Tritanopia

#6A9795

Achromatopsia

#7C7C7C

CSS Usage

background-color: #697DAA;
color: #697DAA;
border-color: #697DAA;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F7F9
100
#E9ECF1
200
#D1D8E5
300
#B1BBD3
400
#8797BB
500
#5C72A3
600
#4A5B82
700
#3B4968
800
#2E3951
900
#242C3D
950
#171C26

Contrast Checker

Text on white

4.11:1

AA Fail AAA Fail

Text on black

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