Steel Blue is a medium, moderately saturated shade in the blue color family, with a cool feel. Its HEX code is #4682B4, which equals rgb(70, 130, 180) in RGB and hsl(207, 44%, 49%) in HSL. In print terms it converts to roughly C61 M28 Y0 K29, although exact CMYK results depend on the paper and color profile.
- HEX
#4682B4 - RGB
70, 130, 180 - HSL
207°, 44%, 49% - CMYK
61, 28, 0, 29 - Family
Blue - Tone
Medium, moderately saturated
About Steel Blue
Blue shades feel trustworthy, calm and professional. This family includes cyans, teals, skies and navies, and it is the most common choice for technology, finance and healthcare brands. Designers often reach for it as an accent, a button color or a background tint. Text in black is the most readable choice on this color, with a contrast ratio of 5.11:1. Its complementary color is #B47746.
Download Steel Blue as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Steel Blue color codes
| HEX | #4682B4 |
|---|---|
| RGB | rgb(70, 130, 180) |
| HSL | hsl(207, 44%, 49%) |
| HSV | 207°, 61%, 71% |
| CMYK | 61%, 28%, 0%, 29% |
| Decimal | 4620980 |
Shades and tints of Steel Blue
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E0EAF3 - 100
#C1D5E6 - 200
#A3C1DA - 300
#84ACCD - 400
#6597C1 - 500
#4682B4 - 600
#3A6C96 - 700
#2F5778 - 800
#23415A - 900
#172B3C - 950
#0C161E
Color harmonies for Steel Blue
- Complementary
#B47746≈ Muted Persimmon - Analogous −30°
#46B4AE≈ Muted Cyan - Analogous +30°
#464BB4≈ Muted Blue - Triadic +120°
#B44682≈ Muted Blush - Triadic +240°
#82B446≈ Muted Apple - Split 150°
#B4464B≈ Muted Red - Split 210°
#B4AE46≈ Muted Yellow
Contrast and accessibility of Steel Blue
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Steel Blue | Aa | 4.11:1 | AA Large only |
| Black text on Steel Blue | Aa | 5.11:1 | AA (good) |
CSS code for Steel Blue
background-color: #4682B4;color: #4682B4;background-color: rgb(70, 130, 180);background-color: hsl(207, 44%, 49%);:root { --color-steel-blue: #4682B4; }class="bg-[#4682B4]"Colors similar to Steel Blue
- Muted Cerulean
#4D7FB2 - Muted Azure
#4D8AB2 - Muted Cornflower
#4D75B2 - Muted Capri
#4D94B2 - Medium Dark Soft Capri
#2B85AB - Muted Sapphire
#4D6BB2 - Medium Dark Soft Azure
#2B78AB - Soft Cerulean
#337FCC - Medium Dark Muted Peacock
#408596 - Medium Dark Muted Capri
#407C96 - Medium Dark Soft Peacock
#2B92AB - Medium Dark Muted Lagoon
#408D96
More blue shades
- Medium Purple
#9370DB - Medium Slate Blue
#7B68EE - Medium Turquoise
#48D1CC - Pale Turquoise
#AFEEEE - Powder Blue
#B0E0E6 - Slate Blue
#6A5ACD - Turquoise
#40E0D0 - Cerulean
#007BA7 - Sapphire
#0F52BA - Periwinkle
#CCCCFF - Cobalt Blue
#0047AB
Frequently asked questions
What is the HEX code for Steel Blue?
The HEX code for Steel Blue is #4682B4.
What is the RGB value of Steel Blue?
Steel Blue has an RGB value of 70, 130, 180 (rgb(70, 130, 180)). In HSL it is 207°, 44%, 49%.
What text color should I use on Steel Blue?
Use black text on Steel Blue. White text has a contrast ratio of 4.11:1 and black text has 5.11:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Steel Blue?
The complementary color of Steel Blue is #B47746. Analogous colors #46B4AE and #464BB4 also pair well.