#597DAD

#597DAD

Color Values

HEX

#597DAD

RGB

89, 125, 173

HSL

214.3, 33.9%, 51.4%

HSV

214.3, 48.6%, 67.8%

CMYK

48.6%, 27.7%, 0.0%, 32.2%

OKLCH

0.5828 0.0849 255.9

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#597DAD

#AD8959

Analogous

#59A7AD

#5F59AD

#597DAD

Triadic

#597DAD

#AD597D

#7DAD59

Split Complementary

#597DAD

#AD5F59

#A7AD59

Tetradic

#597DAD

#AD59A7

#AD8959

#59AD5F

Color Blindness Simulation

Original

#597DAD

Protanopia

#6969A1

Deuteranopia

#66649F

Tritanopia

#5B9896

Achromatopsia

#797979

CSS Usage

background-color: #597DAD;
color: #597DAD;
border-color: #597DAD;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F5F7FA
100
#E8ECF2
200
#CFDAE7
300
#ADBFD7
400
#819CC1
500
#5479AB
600
#436189
700
#364E6D
800
#2A3D55
900
#222E3F
950
#151D28

Contrast Checker

Text on white

4.23:1

AA Fail AAA Fail

Text on black

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