# Blue Color (#0000FF)

> Blue is a CSS named color defined as hex code #0000FF.

- **URL**: https://swatchatlas.com/colors/blue/
- **Language**: English (en)
- **CSS Name**: `blue`
- **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**: #0000FF
- **RGB**: rgb(0, 0, 255)
- **HSL**: hsl(240, 100%, 50%)
- **HSV/HSB**: hsv(240, 100%, 100%)
- **CMYK**: cmyk(100%, 100%, 0%, 0%) (digital approximation, non-print)
- **OKLCH**: oklch(0.452 0.313 264.1)

## What Colors Go With Blue
Contrast is each color on Blue (WCAG 2.2); 4.5:1 or above is text-safe.
- **White (#FFFFFF)**: 8.59:1, text-safe. The natural text color on blue: clean and strongly readable.
- **Ivory (#FFFFF0)**: 8.52:1, text-safe. A softer, warmer alternative to white on blue.
- **Yellow (#FFFF00)**: 8:1, text-safe. The classic high-energy complement, used in sports and signage.
- **Gold (#FFD700)**: 6.13:1, text-safe. A warmer, more refined accent than pure yellow.
- **Light Gray (#D3D3D3)**: 5.74:1, text-safe. A calm neutral for secondary text and dividers.
- **Orange (#FFA500)**: 4.35:1, background or accent. A vivid complement for playful, high-contrast designs.

## WCAG 2.2 Contrast Results
- **Pure Black (#000000) text on Blue**: 2.44:1 (Fails AA and AAA)
- **Pure White (#FFFFFF) text on Blue**: 8.59:1 (Passes AA and AAA for both normal and large text)
- **Dark Charcoal (#212529) text on Blue**: 1.8:1 (Fails AA and AAA)
- **Mid Gray (#666666) text on Blue**: 1.5:1 (Fails AA and AAA)

## FAQ
### Can I use black text on Blue?
No. Black text on Blue has a WCAG 2.2 contrast ratio of only 2.44:1, below the 3:1 minimum even for large text.

### Can I use white text on Blue?
Yes. White text on Blue has a WCAG 2.2 contrast ratio of 8.59:1, passing both AA (4.5:1) and AAA (7:1) at every text size.

### What colors go with Blue?
White, Ivory, Yellow, Gold, Light Gray and Orange all go well with Blue. White (8.59:1), Ivory (8.52:1), Yellow (8:1), Gold (6.13:1) and Light Gray (5.74:1) have enough contrast for text on Blue; Orange works better as a background or accent.

### What is the hex code for blue?
The CSS named color blue is #0000FF, which is RGB(0, 0, 255). The short form #00F is the same color.

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