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).
| HEX | #4682B4 | |
|---|---|---|
| RGB | rgb(70, 130, 180) | |
| HSL | hsl(207, 44%, 49%) | |
| HSV | hsv(207, 61%, 71%) | |
| CMYK | cmyk(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.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
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
Shades
Steel Blue color schemes
Color-wheel harmonies built by rotating the hue of #4682B4 and keeping its saturation and lightness.
Complementary
Analogous
Triadic
Split complementary
Tetradic
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.