#597BA0

#597BA0

Color Values

HEX

#597BA0

RGB

89, 123, 160

HSL

211.3, 28.5%, 48.8%

HSV

211.3, 44.4%, 62.7%

CMYK

44.4%, 23.1%, 0.0%, 37.3%

OKLCH

0.5721 0.0694 251.2

Properties

Cool Light Nearest: skyblue 4

Color Harmonies

Complementary

#597BA0

#A07E59

Analogous

#599EA0

#5B59A0

#597BA0

Triadic

#597BA0

#A0597B

#7BA059

Split Complementary

#597BA0

#A05B59

#9EA059

Tetradic

#597BA0

#A0599E

#A07E59

#59A05B

Color Blindness Simulation

Original

#597BA0

Protanopia

#686897

Deuteranopia

#666395

Tritanopia

#5B908E

Achromatopsia

#767676

CSS Usage

background-color: #597BA0;
color: #597BA0;
border-color: #597BA0;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F5F7F9
100
#E9EDF1
200
#D1DBE5
300
#B0C1D3
400
#869FBC
500
#5B7EA4
600
#496583
700
#3A5169
800
#2E3F52
900
#24303D
950
#171E26

Contrast Checker

Text on white

4.41:1

AA Fail AAA Fail

Text on black

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