Codes & values
- Color Name
Steel Blue - Color ID
KDF-C-04620980 - HEX
#4682B4 - RGB
rgb(70, 130, 180) - RGBA
rgba(70, 130, 180, 1) - HSL
hsl(207, 44%, 49%) - HSLA
hsla(207, 44%, 49%, 1) - HSV / HSB
hsv(207, 61%, 71%) - CMYK
cmyk(61%, 28%, 0%, 29%) - Light / Dark
mid
Quick answers
- What is the HEX code for Steel Blue?
- #4682B4
- What is Steel Blue RGB?
- rgb(70, 130, 180)
- What is Steel Blue HSL?
- hsl(207, 44%, 49%)
- What is Steel Blue CMYK?
- cmyk(61%, 28%, 0%, 29%)
What is Steel Blue?
Steel Blue is a curated blue family color at #4682B4. It appears in our library with tags for web, design, ui and matches the CSS named color keyword. This mid-range shade works as a primary brand or UI accent when contrast with text is verified. Temperature lean: cool — calmer, often used for tech, healthcare, and finance trust..
Steel Blue HEX code
The HEX code for Steel Blue is #4682B4. Paste it into CSS as color: #4682B4; or background-color: #4682B4;. Design tools accept the same six-digit value without the # prefix (4682b4).
Steel Blue RGB
Steel Blue in RGB is rgb(70, 130, 180) (channels R 70, G 130, B 180). Use RGB when you need opacity via rgba(70, 130, 180, 1).
Steel Blue HSL & HSV
HSL is hsl(207, 44%, 49%) — useful for generating lighter/darker variants by adjusting lightness. HSV/HSB is hsv(207, 61%, 71%), closer to how many digital pickers expose hue, saturation, and brightness.
Steel Blue CMYK
Approximate CMYK for Steel Blue is cmyk(61%, 28%, 0%, 29%). Screen HEX/RGB values are device-dependent; for print, always soft-proof in your print profile rather than relying on a web conversion alone.
Shades of Steel Blue
Darker shades (mixed toward black): #3A6C96, #2F5778, #23415A, #172B3C, #0C161E. Use deeper shades for hover states, borders, and dark-mode accents.
Tints of Steel Blue
Lighter tints (mixed toward white): #6597C1, #84ACCD, #A3C1DA, #C1D5E6, #E0EAF3. Tints work well for soft backgrounds, chips, and secondary buttons.
Colors that go with Steel Blue
Complementary pairing: #4682B4, #B47846. Analogous neighbors: #46B4AF, #4682B4, #464BB4. Triadic accents: #4682B4, #B44682, #82B446. Always check text contrast when pairing.
Steel Blue color combinations
A practical combo: primary #4682B4, complementary accent #B47846, and a neutral charcoal or off-white for text and surfaces. Split-complementary options: #4682B4, #B4464B, #B4AF46.
Steel Blue in web design
Blue remains the default trust color for SaaS, finance, and health UI. Royal and navy blues anchor headers; sky blues soften backgrounds and links.
Steel Blue in branding
Brand blues communicate reliability. Royal blue and navy remain corporate staples; electric blue reads more startup. Contrast vs white is 4.11:1 (better as a large accent or background than small body text); vs black 5.11:1.
Frequently asked questions
- What is the HEX code for Steel Blue?
- Steel Blue: #4682B4.
- What is Steel Blue RGB?
- Steel Blue: rgb(70, 130, 180).
- What is Steel Blue HSL?
- Steel Blue: hsl(207, 44%, 49%).
- What is Steel Blue CMYK?
- Steel Blue: cmyk(61%, 28%, 0%, 29%).
- What colors go with Steel Blue?
- Try complementary #4682B4, #B47846 or analogous #46B4AF, #4682B4, #464BB4.
- Is Steel Blue good for text on white?
- Not ideal for small body text (4.11:1). Use as a large heading, button, or background instead.
Accessibility snapshot
Contrast vs white: 4.11:1 (prefer large accent or background). Contrast vs black: 5.11:1. Complementary swatch: #4682B4, #B47846.
Explore related
Blue colorsColor pickerPalette generatorContrast checkerColor guidesComplete Color Code GuideHow HEX Colors WorkHEX vs RGB vs CMYK