What is the hex code for Navy?

The hex code for Navy is #000080.

What is the RGB value of Navy?

The RGB value of Navy is rgb(0, 0, 128).

What is the HSL value of Navy?

The HSL value of Navy is hsl(240, 100%, 25%).

What is the HSV value of Navy?

The HSV value of Navy is hsv(240, 100%, 50%).

What CSS code do I use for Navy?

Use background-color: #000080; for background, color: #000080; for text, or border: 1px solid #000080; for borders.

Navy Hex #000080: HTML Color Code & Gradients

Navy (#000080) Color Codes & Gradients

Color Preview

Make a gradient with Navy →

Opens Navy with a similar color in the generator: change the colors or the gradient type, then copy the CSS or download. More gradient variations below.

Technical Color Values (Hex, RGB, HSV, HSL)

HTML Name	navy
Hex	#000080
RGB	rgb(0, 0, 128)
HSV	hsv(240, 100%, 50%)
HSL	hsl(240, 100%, 25%)
OKLCH	oklch(27.11% 0.1879 264.05)

What is the color name for #000080?

#000080 color name is Navy.

Color Information

The HTML color Navy has the hexadecimal code #000080 and in the RGB color space is composed of 0% red, 0% green, and 50% blue. The color Navy has a hue angle of 240 degrees, a saturation of 100% and a lightness of 25.1%.

Navy CSS Code Snippets

Background Color

.bg-navy { background-color: #000080; }

Text Color

.text-navy { color: #000080; }

Border Color

.border-navy { border: 1px solid #000080; }

Shade Gradient

.gradient-shade-navy { background: linear-gradient(135deg, #000080, #000000); }

Tint Gradient

.gradient-tint-navy { background: linear-gradient(135deg, #000080, #3939FF); }

Monochromatic Gradient

.gradient-mono-navy { background: linear-gradient(135deg, #000080, #0000C9); }

Navy Shades

#000061

#000043

#000024

#000006

#000000

Navy Tints

#00009F

#0000BD

#0000DC

#0000FA

#1A1AFF

#3939FF

Navy Tones

#080878

#11116F

#191967

#21215F

#2A2A56

#32324E

Navy Monochromatic

#0000C9

#0000A4

#000080

#00005C

#000037

#000013

Similar Colors to Navy

#002B80

#001A80

#000980

#090080

#1A0080

#2B0080

Generate a Gradient

Generate a shade gradient →

Generate a tint gradient →

Generate a tone gradient →

Generate a monochromatic gradient →

Generate a similar color gradient →

CSS Gradient Generator