Steel Blue color values
| Format | Value |
|---|---|
| Hex | #4682B4 |
| RGB | rgb(70, 130, 180) |
| HSL | hsl(207, 44%, 49%) |
| HSV | 207, 61%, 71% |
| CMYK (simple conversion) | 61%, 28%, 0%, 29% |
| Decimal | 4620980 |
CMYK is calculated with the standard formula from the RGB values. Printed colors depend on the ink and paper, so treat it as a starting point.
About Steel Blue
A grayish blue that evokes the look of blued steel and industrial materials. Corporate interfaces and financial platforms often use it to project reliability and strength. It is less playful than sky blue, offering a mature and structured visual tone. It is one of the 148 CSS named colors.
Shades and tints of Steel Blue
Tints mix Steel Blue with white and shades mix it with black. Each step changes the color by 10 percentage points.
| Step | Tint (towards white) | Shade (towards black) |
|---|---|---|
| 10% | #598FBC | #3F75A2 |
| 20% | #6B9BC3 | #386890 |
| 30% | #7EA8CB | #315B7E |
| 40% | #90B4D2 | #2A4E6C |
| 50% | #A3C1DA | #23415A |
Color harmony for Steel Blue
These colors keep the same saturation and lightness as Steel Blue and rotate the hue around the color wheel.
| Scheme | Colors |
|---|---|
| Complementary | #B47846 |
| Analogous | #46B4AF #464BB4 |
| Triadic | #B44682 #82B446 |
| Split complementary | #B4464B #B4AF46 |
Contrast and accessibility
Contrast between #4682B4 and white is 4.11:1 (large text only). Against black it is 5.11:1 (passes AA). For text on a Steel Blue background, black text is the more readable choice.
Use Steel Blue in CSS
.element {
color: steelblue;
background-color: #4682B4;
border-color: rgb(70 130 180);
outline-color: hsl(207 44% 49%);
}All four lines produce exactly the same color. The keyword steelblue is one of the CSS named colors, so it works in every browser without a color function.
Similar named colors
- Cadet Blue: #5F9EA0
- Royal Blue: #4169E1
- Slate Gray: #708090
- lightslategray: #778899
FAQ
What is the hex code for Steel Blue?
The hex code for Steel Blue is #4682B4. As a CSS color keyword you can also write steelblue.
What is Steel Blue in RGB?
Steel Blue is rgb(70, 130, 180): red 70, green 130, blue 180 on the 0 to 255 scale.
What color is closest to Steel Blue?
Of the CSS named colors, cadetblue (#5F9EA0) is the closest match to Steel Blue, followed by royalblue and slategray.
More colors
- Spring Green: previous page
- Tan: next page
- CSS named colors: the full list