# Navy Color (#000080)

> Navy is a CSS named color defined as hex code #000080.

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

## What Colors Go With Navy
Contrast is each color on Navy (WCAG 2.2); 4.5:1 or above is text-safe.
- **White (#FFFFFF)**: 16.01:1, text-safe. Maximum contrast: the standard text color on navy.
- **Gold (#FFD700)**: 11.41:1, text-safe. A classic, prestigious pairing for crests, borders and headings.
- **Light Sky Blue (#87CEFA)**: 9.33:1, text-safe. A lighter blue for tonal accents and links on navy.
- **Pink (#FFC0CB)**: 10.41:1, text-safe. A soft, fashionable contrast that makes navy feel friendly.
- **Coral (#FF7F50)**: 6.41:1, text-safe. A warm, lively accent for nautical and summer palettes.
- **Silver (#C0C0C0)**: 8.8:1, text-safe. A cool metallic neutral for secondary text and dividers.

## WCAG 2.2 Contrast Results
- **Pure Black (#000000) text on Navy**: 1.31:1 (Fails AA and AAA)
- **Pure White (#FFFFFF) text on Navy**: 16.01:1 (Passes AA and AAA for both normal and large text)
- **Dark Charcoal (#212529) text on Navy**: 1.04:1 (Fails AA and AAA)
- **Mid Gray (#666666) text on Navy**: 2.79:1 (Fails AA and AAA)

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

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

### What colors go with Navy?
White, Gold, Light Sky Blue, Pink, Coral and Silver all go well with Navy. White (16.01:1), Gold (11.41:1), Light Sky Blue (9.33:1), Pink (10.41:1), Coral (6.41:1) and Silver (8.8:1) have enough contrast for text on Navy.

### Is navy the same as midnight blue?
No. Navy (#000080) is a pure dark blue, while Midnight Blue (#191970) has some red and green mixed in, which makes it less saturated and a little softer.

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