CSS named color

Navy #000080

Navy is dark vivid blue. Below: every color format, WCAG contrast against black and white, its tints, shades and tones, and the harmonies that pair with it.

Color values

Contrast & accessibility

WCAG contrast ratio of Navy used as a foreground on white and black backgrounds.

Aa The quick brown fox
16.01:1

On white

AA ✓ AAA ✓ AA Large ✓
Aa The quick brown fox
1.31:1

On black

AA ✕ AAA ✕ AA Large ✕

Tints, shades & tones

Systematic variations of Navy — click any swatch to copy its hex.

Tintsmixed toward white
Shadesmixed toward black
Tonesmixed toward gray

Color harmonies

Palettes built from Navy by rotating its hue. Each swatch links to its closest named color.

Complementary

#000080 ≈ Dark Blue #808000 ≈ Olive Drab

Analogous

#004080 ≈ Midnight Blue #000080 ≈ Dark Blue #400080 ≈ Indigo

Triadic

#000080 ≈ Dark Blue #800000 ≈ Dark Red #008000 ≈ Dark Green

Split-complementary

#000080 ≈ Dark Blue #804000 ≈ Saddle Brown #408000 ≈ Forest Green

Tetradic

#000080 ≈ Dark Blue #800040 ≈ Maroon #808000 ≈ Olive Drab #008040 ≈ Forest Green

Use Navy in your stack

Tailwind (arbitrary value)

Works for any property: text-[#000080], border-[#000080].

CSS custom property

Reference it anywhere with var(--color).

Build a full theme

Turn Navy into a complete shadcn/ui palette — light & dark, contrast-checked, one-command install.

Extract a theme →

Similar named colors

Dark Blue #00008B Midnight Blue #191970 Indigo #4B0082 Medium Blue #0000CD Dark Slate Blue #483D8B Rebecca Purple #663399

← All CSS named colors