Steel blue color: code #4682B4
Steel blue
#4682B4
Color codes
- HEX
#4682B4 - RGB
rgb(70, 130, 180) - HSL
hsl(207, 44%, 49%) - HSV
hsv(207, 61%, 71%) - CMYK
cmyk(61%, 28%, 0%, 29%) - LAB
lab(52.5% -4.1 -32.2) - OKLCH
oklch(58.8% 0.099 245.7)
About the color Steel blue
Steel blue has the HEX code #4682B4, which corresponds to rgb(70, 130, 180) in the RGB model. On the color wheel its hue sits at 207°, with 44% saturation and 49% lightness (hsl(207, 44%, 49%)).
Because of its hue it reads as a cool color: it tends to feel calm and distant, and it visually “recedes” in a composition.
As a background it calls for dark text: black reaches a 5.11:1 contrast ratio on it, versus 4.10:1 for white.
For print, the approximate conversion is cmyk(61%, 28%, 0%, 29%). Always confirm with your printer’s color profile, because the result depends on paper and ink.
Lighter tints
Darker shades
Color combinations with Steel blue
Complementary
#4682B4 · #B47746
Analogous
#46B4AE · #4682B4 · #464BB4
Triadic
#4682B4 · #B44682 · #82B446
Tetradic
#4682B4 · #AE46B4 · #B47746 · #4BB446
Split-complementary
#4682B4 · #B4464B · #B4AE46
Monochromatic
#224058 · #38688F · #4682B4 · #7BA7CC · #B2CCE1
Steel blue with white and black text
How to use it in CSS
:root {
--color-steel-blue: #4682B4;
--color-steel-blue-rgb: 70, 130, 180;
}
.elemento {
background-color: var(--color-steel-blue);
color: #000000;
}