#5B7BA7

#5B7BA7

Color Values

HEX

#5B7BA7

RGB

91, 123, 167

HSL

214.7, 30.2%, 50.6%

HSV

214.7, 45.5%, 65.5%

CMYK

45.5%, 26.3%, 0.0%, 34.5%

OKLCH

0.5766 0.0776 256.5

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#5B7BA7

#A7875B

Analogous

#5BA1A7

#615BA7

#5B7BA7

Triadic

#5B7BA7

#A75B7B

#7BA75B

Split Complementary

#5B7BA7

#A7615B

#A1A75B

Tetradic

#5B7BA7

#A75BA1

#A7875B

#5BA761

Color Blindness Simulation

Original

#5B7BA7

Protanopia

#69699C

Deuteranopia

#67659A

Tritanopia

#5D9492

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F5F7F9
100
#E9ECF2
200
#D1DAE6
300
#AFBFD4
400
#849CBD
500
#5979A6
600
#476185
700
#394E6A
800
#2C3D53
900
#232E3E
950
#161D27

Contrast Checker

Text on white

4.34:1

AA Fail AAA Fail

Text on black

4.84:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026