Navy Color

Navy — The Color of Authority and Tradition

#000080Navy

Color Values

HEX#000080

RGBrgb(0, 0, 128)

HSLhsl(240°, 100%, 25%)

CSSnavy

Shade Palette

#E8EAFF

100

#C5C9FF

300

#7B82E8

500

#3F51B5

700

#1A237E

900

#0D0D4D

Complementary Color

↔

#808000

Olive

Analogous Colors

#000090

Dark Navy

#1A1A80

Midnight Blue

CSS Usage

CSS

/* By name */
color: navy;
background-color: navy;

/* By HEX */
color: #000080;
background-color: #000080;

/* By RGB */
color: rgb(0, 0, 128);

/* By HSL */
color: hsl(240deg, 100%, 25%);

/* With opacity */
color: rgba(0, 0, 128, 0.8);
color: hsl(240deg 100% 25% / 80%);

Navy (#000080) is very dark. When using it as text color, ensure sufficient background contrast. For interactive elements on dark backgrounds, consider using lighter blues like #1E3A8A or #1D4ED8 which are easier to distinguish.

Navy (#000080) is a deep, rich blue named after its traditional use in naval uniforms. It conveys authority, tradition, trustworthiness, and expertise. Navy is a popular choice for financial institutions, legal firms, educational organizations, and government agencies. Combined with white or gold it creates a classic, premium aesthetic. It works well for dark navigation bars, headers, and backgrounds where a sense of gravity and reliability is desired.