CSS named color
SteelBlue
#4682B4
HEX
#4682b4RGB
rgb(70, 130, 180)HSL
hsl(207, 44%, 49%)OKLCH
oklch(58.80% 0.0993 245.74)NAME
steelbluePalette
Complementary
180° on the color wheelComplement
#B47746
Analogous
±30° around the base hueLeft
#46B4AE
Right
#464BB4
Triadic
±120° for harmonic contrastTriad 1
#B44682
Triad 2
#82B446
Shades
Lighter and darker variantsCSS usage
By name
color: steelblue;
background-color: steelblue;By HEX
color: #4682b4;
background-color: #4682b4;By RGB
color: rgb(70, 130, 180);
background-color: rgb(70, 130, 180);By HSL
color: hsl(207, 44%, 49%);
background-color: hsl(207, 44%, 49%);WCAG contrast vs white
Aa
4.11:1
AA (large text)
WCAG contrast vs black
Aa
5.11:1
AA
Related colors
FAQ — SteelBlue
What is the HEX code for SteelBlue?
The HEX code for SteelBlue is #4682B4. It's one of the 148 named CSS colors and can be used directly in CSS as color: steelblue; or color: #4682b4;
What is SteelBlue in RGB?
SteelBlue in RGB is rgb(70, 130, 180) — red 70, green 130, blue 180.
What is SteelBlue in HSL?
SteelBlue in HSL is hsl(207, 44%, 49%) — hue 207°, saturation 44%, lightness 49%.
What is the complementary color of SteelBlue?
The complementary color (directly opposite SteelBlue on the color wheel) is #B47746. The two together produce maximum contrast.
Is white text readable on SteelBlue?
The WCAG contrast ratio against white (#FFFFFF) is 4.11:1, and against black (#000000) it's 5.11:1. White text is more readable. WCAG recommends at least 4.5:1 for body text.