# Steel Blue Color (#4682B4)

> Steel Blue is a CSS named color defined as hex code #4682B4.

- **URL**: https://swatchatlas.com/colors/steel-blue/
- **Language**: English (en)
- **CSS Name**: `steelblue`
- **Date Published**: 2026-09-29
- **Date Modified**: 2026-09-29
- **Authority Citation**: W3C CSS Color Module Level 4 (https://www.w3.org/TR/css-color-4/#named-colors)

## Color Values
- **HEX**: #4682B4
- **RGB**: rgb(70, 130, 180)
- **HSL**: hsl(207, 44%, 49%)
- **HSV/HSB**: hsv(207, 61%, 71%)
- **CMYK**: cmyk(61%, 28%, 0%, 29%) (digital approximation, non-print)
- **OKLCH**: oklch(0.588 0.099 245.7)

## What Colors Go With Steel Blue
Contrast is each color on Steel Blue (WCAG 2.2); 4.5:1 or above is text-safe.
- **Black (#000000)**: 5.11:1, text-safe. Readable text on steel blue.
- **White (#FFFFFF)**: 4.11:1, background or accent. Clean text and icons for large or bold labels.
- **Ivory (#FFFFF0)**: 4.07:1, background or accent. A warm off-white for backgrounds around steel blue.
- **Wheat (#F5DEB3)**: 3.13:1, background or accent. A warm beige that balances the cool blue.
- **Coral (#FF7F50)**: 1.64:1, background or accent. A warm accent that livens up a calm blue palette.
- **Dark Slate Gray (#2F4F4F)**: 2.17:1, background or accent. A dark neutral for a restrained, professional look.

## WCAG 2.2 Contrast Results
- **Pure Black (#000000) text on Steel Blue**: 5.11:1 (Passes AA for all text; AAA for large text only)
- **Pure White (#FFFFFF) text on Steel Blue**: 4.11:1 (Passes AA for large text only)
- **Dark Charcoal (#212529) text on Steel Blue**: 3.76:1 (Passes AA for large text only)
- **Mid Gray (#666666) text on Steel Blue**: 1.4:1 (Fails AA and AAA)

## FAQ
### Can I use black text on Steel Blue?
Yes. Black text on Steel Blue has a WCAG 2.2 contrast ratio of 5.11:1, which passes AA (4.5:1) for all text sizes but not the stricter AAA level (7:1) for body text.

### Can I use white text on Steel Blue?
Only for large text. White text on Steel Blue has a WCAG 2.2 contrast ratio of 4.11:1: enough for large text (3:1) but below the 4.5:1 needed for body text.

### What colors go with Steel Blue?
Black, White, Ivory, Wheat, Coral and Dark Slate Gray all go well with Steel Blue. Black (5.11:1) has enough contrast for text on Steel Blue; White, Ivory, Wheat, Coral and Dark Slate Gray work better as a background or accent.

### Can I use steel blue for body text on white?
Not quite. Steel Blue (#4682B4) has a contrast of 4.11:1 on white, just under the 4.5:1 WCAG AA minimum for body text. It passes for large text and for graphics.

## Background Download
- **Format**: PNG 1920x1080 solid background
- **URL**: https://swatchatlas.com/images/backgrounds/steel-blue-1920x1080.png