Online Tools HarborSteel Blue color codes
| CSS name | steelblue |
|---|---|
| HEX | #4682B4 |
| RGB | rgb(70, 130, 180) |
| HSL | hsl(207, 44%, 49%) |
| CMYK | cmyk(61%, 28%, 0%, 29%) |
| Decimal | 4620980 |
Shades of Steel Blue (darker)
#3F75A2 · #386890 · #315B7E · #2A4E6C · #23415A · #1C3448 · #152736 · #0E1A24 · #070D12
Tints of Steel Blue (lighter)
#598FBC · #6B9BC3 · #7EA8CB · #90B4D2 · #A3C1DA · #B5CDE1 · #C8DAE9 · #DAE6F0 · #EDF3F8
Color harmonies
| Complementary | #B47746 |
|---|---|
| Triadic | #B44682, #82B446 |
| Analogous | #46B4AE, #464BB4 |
Accessibility (WCAG contrast)
| White text on Steel Blue | 4.11:1 · AA large text only |
|---|---|
| Black text on Steel Blue | 5.11:1 · AA |
Use Steel Blue in code
.element {
color: steelblue; /* or #4682b4 */
background-color: rgb(70 130 180 / 0.5);
}Frequently asked questions
What is the hex code for Steel Blue?
Steel Blue is #4682B4 in HEX, rgb(70, 130, 180) in RGB and hsl(207, 44%, 49%) in HSL.
Can I use "steelblue" directly in CSS?
Yes. "steelblue" is one of the 148 standard CSS named colors, so color: steelblue; works in every browser.
Is Steel Blue readable on white?
The contrast ratio of Steel Blue on white is 4.11:1 (WCAG AA large text only). On black it is 5.11:1 (AA).
What is the complementary color of Steel Blue?
The complementary color (opposite on the color wheel) is #B47746.
Similar colors
Cadet Blue#5F9EA0Royal Blue#4169E1Slate Gray#708090Slate Grey#708090Light Slate Gray#778899Light Slate Grey#778899Slate Blue#6A5ACDLight Sea Green#20B2AA
Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.