# Royal Blue Color (#4169E1)

> Royal Blue is a CSS named color defined as hex code #4169E1.

- **URL**: https://swatchatlas.com/colors/royal-blue/
- **Language**: English (en)
- **CSS Name**: `royalblue`
- **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**: #4169E1
- **RGB**: rgb(65, 105, 225)
- **HSL**: hsl(225, 73%, 57%)
- **HSV/HSB**: hsv(225, 71%, 88%)
- **CMYK**: cmyk(71%, 53%, 0%, 12%) (digital approximation, non-print)
- **OKLCH**: oklch(0.560 0.188 266.4)

## What Colors Go With Royal Blue
Contrast is each color on Royal Blue (WCAG 2.2); 4.5:1 or above is text-safe.
- **White (#FFFFFF)**: 4.85:1, text-safe. The natural text color on royal blue.
- **Ivory (#FFFFF0)**: 4.8:1, text-safe. A softer, warmer alternative to white.
- **Gold (#FFD700)**: 3.46:1, background or accent. A regal accent, as the name suggests.
- **Light Gray (#D3D3D3)**: 3.24:1, background or accent. A calm neutral for backgrounds and dividers.
- **Orange (#FFA500)**: 2.45:1, background or accent. A vivid complement for playful, sporty palettes.
- **Navy (#000080)**: 3.3:1, background or accent. A darker tonal blue for depth and headings.

## WCAG 2.2 Contrast Results
- **Pure Black (#000000) text on Royal Blue**: 4.33:1 (Passes AA for large text only)
- **Pure White (#FFFFFF) text on Royal Blue**: 4.85:1 (Passes AA for all text; AAA for large text only)
- **Dark Charcoal (#212529) text on Royal Blue**: 3.18:1 (Passes AA for large text only)
- **Mid Gray (#666666) text on Royal Blue**: 1.18:1 (Fails AA and AAA)

## FAQ
### Can I use black text on Royal Blue?
Only for large text. Black text on Royal Blue has a WCAG 2.2 contrast ratio of 4.33:1: enough for large text (3:1) but below the 4.5:1 needed for body text.

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

### What colors go with Royal Blue?
White, Ivory, Gold, Light Gray, Orange and Navy all go well with Royal Blue. White (4.85:1) and Ivory (4.8:1) have enough contrast for text on Royal Blue; Gold, Light Gray, Orange and Navy work better as a background or accent.

### Is royal blue the same as blue?
No. Blue is #0000FF. Royal Blue (#4169E1) mixes in red and green, which makes it lighter and less harsh.

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