Steel blue color

A medium blue with a grayish base, like light reflecting off steel. In CSS it's called steelblue. It's sober and technical, useful for interfaces and industrial brands.

Also known as: steelblue.

Steel blue · #4682B4

About steel blue

Steel blue (#4682B4) is a cool, mid-tone, moderately saturated color. It belongs to the blues family. It mixes 70 red, 130 green and 180 blue (out of 255). It is mostly used in web, industrial, fashion.

Steel blue shades and tints

From lightest to darkest. Tap a shade to copy its code.

Steel blue color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Copper

AnalogousClose to: Verdigris, Cobalt blue

TriadicClose to: Mulberry, Olive drab

Split complementaryClose to: Indian red, Brass

TetradicClose to: Orchid, Copper, Forest green

Steel blue color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Steel blue

Analogous palette · Steel blue

Complementary palette · Steel blue

Triadic palette · Steel blue

With neutrals palette · Steel blue

With an accent palette · Steel blue

Steel blue contrast with text

White textContrast 4.1:1 · AA large text

Black textContrast 5.1:1 · AA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --steel-blue: #4682B4;
  --steel-blue-rgb: 70, 130, 180;
}
.bg { background-color: var(--steel-blue); }
.text { color: var(--steel-blue); }

Colors similar to steel blue

Cerulean Carolina blue Air force blue Blue gray French blue Ocean blue Cool gray Light slate gray Slate gray Payne's gray

Themed palettes with this color

Frequently asked questions

What is the hex code for steel blue?

The hex code for steel blue is #4682B4. In RGB it is rgb(70, 130, 180), in HSL hsl(207, 44%, 49%) and in CMYK 61, 28, 0, 29.

What is the complementary color of steel blue?

Its complement on the color wheel is #B47846, close to copper. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on steel blue?

Use black text instead: the contrast with white is only 4.1:1, while with black it is 5.1:1.