What does the color Navy mean?

Indigo

Navy

#000080

#333399

#6666b3

#9999cc

#cccce6

#1a1a80

Meaning

Intuition, depth, and sincerity. Common in enterprise software and thoughtful products.

History

Navy is a standard CSS/SVG named color used across browsers since early web standards.

Usage

Use Navy (#000080) in CSS as color: navy; or as #000080.

Preview

Navy

#000080

Overview

Family: Indigo

Accessibility on this swatch:

AAA

(16.01:1)

Contrast vs white: 16.01:1 · vs black: 1.31:1

Formats

HEX

#000080

RGB

rgb(0, 0, 128)

RGBA

rgba(0, 0, 128, 1)

HSL

hsl(240, 100%, 25%)

HSV

hsv(240, 100%, 50%)

LAB

lab(12.97% 47.5 -64.7)

LCH

lch(12.97% 80.26 306.28)

OKLAB

oklab(0.2711 -0.0195 -0.1869)

OKLCH

oklch(0.2711 0.1879 264.04)

XYZ

xyz(3.89, 1.56, 20.51)

CMYK

cmyk(100%, 100%, 0%, 50%)

CSS

color: #000080;

CSS variable

--color-000080: #000080;

SCSS

$color-000080: #000080;

Tailwind

indigo-700

Export

Developer code

:root {
  --navy-1: #000080;
}

Color psychology

Intuition, depth, and sincerity. Common in enterprise software and thoughtful products.

Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Indigo family.

Tints

Shades

Tones

Complementary

Analogous

Triadic

Split complementary

Monochromatic

Related shades & tints

#333399

#6666b3

#9999cc

#cccce6

#1a1a80

#333380

#4d4d80

#666680

Similar colors

#100b8e

#00008b

#181494

#0e1795

#191381

#231f98

#172096

#112597

Browse more in the color name library.