Steel Blue#4682B4
Steel Blue Hex Code: #4682B4
Steel Blue is a medium, moderately saturated blue. Its OKLCH lightness is 59% and chroma 0.099. Text on this color reads best in black (contrast 5.11:1).
| HEX | #4682B4 |
|---|---|
| RGB | rgb(70, 130, 180) |
| HSL | hsl(207, 44%, 49%) |
| HSV / HSB | hsv(207, 61%, 71%) |
| CMYK | cmyk(61%, 28%, 0%, 29%) |
| OKLCH | oklch(58.8% 0.099 245.7) |
Contrast
White text4.11:1
AAAA largeAAA
Black text5.11:1
AAAA largeAAA
On white4.11:1
AAAA largeAAA
On black5.11:1
AAAA largeAAA
Tints
#578DBB#6799C2#78A4C8#89AFCF#99BAD6#AAC6DDLight Steel Blue#BBD1E3Light Blue#CBDCEA#DCE7F1Lavender#ECF3F8White SmokeShades
Matching colors
Complementary
Split complementary
Similar named colors
Code
| CSS | color: #4682B4; |
|---|---|
| Tailwind | bg-[#4682b4] |
| SwiftUI | Color(red: 0.275, green: 0.51, blue: 0.706) |
| Android | Color.parseColor("#4682B4") |
| Flutter | Color(0xFF4682B4) |
Steel Blue is a CSS named color (steelblue); the value follows W3C CSS Color Module Level 4.
Frequently asked questions
What is the hex code for steel blue?
Steel Blue is #4682B4 in hex and rgb(70, 130, 180) in RGB.
What is steel blue in CMYK?
With the plain conversion formula it is cmyk(61, 28, 0, 29). For print, convert with your printer's ICC profile instead.
What text color works on steel blue?
Black text has the higher contrast at 5.11:1, which passes WCAG AA for normal text (4.5:1).