Steel Blue #4682B4

Steel blue is a medium blue with a gray cast, defined in CSS as #4682B4. It is cool and moderately saturated, toned down enough to look industrial and calm. The name points to the cool sheen of metal, and the color tends to suggest workwear, overcast skies over water, and practical, dependable design.

#4682B4 is the CSS named color steelblue. CSS also defines a paler lightsteelblue (#B0C4DE).

Steel Blue color codes
HEX#4682B4
RGBrgb(70, 130, 180)
HSLhsl(207, 44%, 49%)
HSVhsv(207, 61%, 71%)
CMYKcmyk(61%, 28%, 0%, 29%)

Text on Steel Blue

Black text reads better on Steel Blue. Ratios use the WCAG 2 formula: 4.5:1 passes AA for body text, 3:1 passes for large text.

White text

The quick brown fox jumps over the lazy dog.

4.10:1 · AA large
Black text

The quick brown fox jumps over the lazy dog.

5.11:1 · AA

Colors that go with Steel Blue

Steel Blue tints and shades

Tints mix Steel Blue with white, shades mix it with black, in 15% steps. Copy any code, or open the tint and shade generator for a full scale.

Tints

#6295BF
#7EA8CB
#99BAD6
#B5CDE1
#D1E0EC

Shades

#3C6F99
#315B7E
#274863
#1C3448
#12212D

Steel Blue color schemes

Color-wheel harmonies built by rotating the hue of #4682B4 and keeping its saturation and lightness.

Complementary

#4682B4
#B47846

Analogous

#46B4AF
#4682B4
#464BB4

Triadic

#4682B4
#B44682
#82B446

Split complementary

#4682B4
#B4464B
#B4AF46

Tetradic

#4682B4
#AF46B4
#B47846
#4BB446

Steel Blue color meaning

Steel blue feels sturdy and unshowy. The gray in its mix takes the edge off pure blue, so it reads as practical. That gives it a dependable, slightly masculine character in traditional Western styling, though plenty of fashion and interior designers use it in softer ways.

It is common in technical and industrial settings: engineering firms, logistics companies, and software dashboards. People associate it with tools, machinery, and things that are built to last.

Outdoors, steel blue is the color of a lake under cloud or the sea on a gray day. That link gives it a calm, reflective mood, useful for coastal or outdoor brands that want to look grounded. It also ages well in a palette, since it never looks trendy enough to date quickly.

How to use Steel Blue in design

Steel blue sits in a middle zone for text. White text works on it for buttons and headings set in bold or at larger sizes, while very dark navy or black reads more reliably for small body text. It is a good default color for charts, nav bars, and data-heavy interfaces because it rarely tires the eye.

In branding, pair it with a warm accent so it does not feel cold. Interiors use it in kitchens and studies with oak, leather, and brushed metal.

Palettes with Steel Blue tones

Curated palettes with a color close to #4682B4.

Colors similar to Steel Blue

Work with Steel Blue

Steel Blue FAQ

Is steel blue a gray or a blue?

It is a blue with gray mixed in. Steel blue (#4682B4) still reads clearly as blue, but it is noticeably less saturated than royal or cobalt blue. If you want something even grayer, slate gray (#708090) is the next step toward a true neutral.

What colors go with steel blue?

Warm colors balance it best: burnt orange, rust, mustard, and tan all make it look richer. White and cream keep layouts clean, while charcoal gives a tonal, industrial look. For a softer palette, try sand or blush pink, which take the edge off its cool, metallic feel.