Steel blue color: hex codes, shades and palettes

Palettes built around steel blue. Click any swatch to copy its hex code.

A mid blue with grey mixed in, named for the tone of tempered steel. The grey is what makes it usable as a large area where a saturated blue would shout.

Steel blue hex, RGB, HSL and OKLCH

#4A7396
HEX
#4A7396
RGB
rgb(74, 115, 150)
HSL
hsl(208, 34%, 44%)
OKLCH
oklch(54.0% 0.072 245.4)
On white
5.02:1
On black
4.18:1

Shades of steel blue

Eleven steps from one base color, generated in OKLCH so each step is an equal perceived step rather than an equal numeric one. Click a swatch to copy it.

Contrast and readability

Steel blue on white measures 5.02:1 and on black 4.18:1. WCAG AA asks for 4.5:1 on normal text and 3:1 on large text and UI components, so the higher of those two decides which background it belongs on. In the scale above, 500 is the first to clear 4.5:1 on white, at 5.24:1.

The contrast checker reports every level for a given pair and suggests the nearest passing shade on the same hue. The color picker builds this same scale from any color you paste in.

Related colors:blue, navy, royal blue, cobalt, periwinkle, transparent blue. See every shade on the colors index.