Steel Blue hex code
The hex code for steel blue is #4682B4. In RGB that is rgb(70, 130, 180) and in HSL it is hsl(207, 44%, 49%).
The hex code for steel blue is #4682B4. In RGB that is rgb(70, 130, 180) and in HSL it is hsl(207, 44%, 49%).
Steel Blue · #4682B4
Colour codes
- HEX
- #4682B4
- RGB
- rgb(70, 130, 180)
- HSL
- hsl(207, 44%, 49%)
- CMYK
- 61, 28, 0, 29
- CSS name
- steelblue
- Contrast on white
- 4.11:1
- Contrast on black
- 5.11:1
Tints and shades
20% lighter · #6b9bc3
40% lighter · #90b4d2
60% lighter · #b5cde1
80% lighter · #dae6f0
20% darker · #386890
40% darker · #2a4e6c
60% darker · #1c3448
80% darker · #0e1a24
Complementary colour
Steel Blue · #4682B4
Opposite on the colour wheel · #b47746
Frequently asked questions
What is the hex code for steel blue?
The hex code for steel blue is #4682B4. In RGB that is rgb(70, 130, 180) and in HSL it is hsl(207, 44%, 49%).
Can I use steel blue for text?
It has a contrast ratio of 4.11:1 on white and 5.11:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a dark background, not on white.
What colour goes with steel blue?
Its complementary colour, opposite on the colour wheel, is #B47746. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of steel blue instead.
Is steel blue a CSS colour name?
Yes. CSS accepts the keyword steelblue, so color: steelblue and color: #4682B4 render exactly the same.