#5B7BA5

#5B7BA5

Color Values

HEX

#5B7BA5

RGB

91, 123, 165

HSL

214.1, 29.1%, 50.2%

HSV

214.1, 44.8%, 64.7%

CMYK

44.8%, 25.5%, 0.0%, 35.3%

OKLCH

0.5757 0.0749 255.5

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#5B7BA5

#A5855B

Analogous

#5BA0A5

#605BA5

#5B7BA5

Triadic

#5B7BA5

#A55B7B

#7BA55B

Split Complementary

#5B7BA5

#A5605B

#A0A55B

Tetradic

#5B7BA5

#A55BA0

#A5855B

#5BA560

Color Blindness Simulation

Original

#5B7BA5

Protanopia

#69699B

Deuteranopia

#676598

Tritanopia

#5D9391

Achromatopsia

#777777

CSS Usage

background-color: #5B7BA5;
color: #5B7BA5;
border-color: #5B7BA5;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F5F7F9
100
#E9EDF2
200
#D1DAE6
300
#B0BFD4
400
#859DBC
500
#5A7AA5
600
#486284
700
#3A4E69
800
#2D3D52
900
#242F3D
950
#171E27

Contrast Checker

Text on white

4.36:1

AA Fail AAA Fail

Text on black

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