#5A7A9E · near Steel Blue

#5A7A9E (RGB 90, 122, 158) is a medium, muted blue, closest to Steel Blue and near Slate and Slate Gray. Blue suggests trust, stability and calm; it is the most used hue in corporate and tech branding, which makes #5A7A9E a natural choice for links, primary buttons, finance and technology. It appears in 1 ColorSwoop palette. In OKLCH it has 57% lightness and 0.07 chroma at hue 252°.

Color codes click to copy

HEX#5A7A9E

RGBrgb(90, 122, 158)

HSLhsl(212, 27%, 49%)

CMYK43, 23, 0, 38

CSS var--steel-blue

Contrast4.46:1 white · 4.71:1 black

Similar named colors

Steel Blue #4682B4Slate #708090Slate Gray #5D6D7ECerulean #007BA7Gray #808080

How to use #5A7A9E

Black text passes WCAG AA on #5A7A9E (4.71:1); white text does not (4.46:1).

For a calm scheme pair #5A7A9E with its analogous neighbors #5B9C9F and #5D5B9F; for contrast use its complement #9F7F5B as a small accent, and anchor everything with a neutral such as #F5F5F7.

CSSSCSSTailwind

--steel-blue: #5A7A9E;

Copy code

Color card

Shades & tints

#121820#24313F#36495F#48627E#5A7A9E#7B95B1#9CAFC5#BDCAD8#DEE4EC

Color harmonies for #5A7A9E

Complementary

#5A7A9E#9F7F5B

Analogous

#5A7A9E#5B9C9F#5D5B9F

Triadic

#5A7A9E#9F5B7B#7B9F5B

Split complementary

#5A7A9E#9F5D5B#9C9F5B

Tetradic

#5A7A9E#9F5B9C#9F7F5B#5B9F5D