Navy Blue Color Code: HEX Code & RGB Code Values

Looking for specific navy blue color code? Get exact navy blue hex code #000080 and navy blue RGB code rgb(0,0,128). Complete color information for design and development projects featuring this classic, authoritative color.

HEX#000080

RGBrgb(0,0,128)

Shades of Navy Blue

Create custom shades of navy blue with our color generator. Adjust hues, tints, and tones to find the perfect shade of navy blue for your project.

Color Picker

🎨

HEX Color Value

Pick from Image

Shades (Adding Black)

• 000080

  rgb(0, 0, 128)
• 0F046A

  rgb(15, 4, 106)
• 150754

  rgb(21, 7, 84)
• 160840

  rgb(22, 8, 64)
• 15062C

  rgb(21, 6, 44)
• 0F031A

  rgb(15, 3, 26)
• 000000

  rgb(0, 0, 0)

Tints (Adding White)

• 000080

  rgb(0, 0, 128)
• 462C95

  rgb(70, 44, 149)
• 6F53AB

  rgb(111, 83, 171)
• 947BC0

  rgb(148, 123, 192)
• B8A6D5

  rgb(184, 166, 213)
• DCD2EA

  rgb(220, 210, 234)
• FFFFFF

  rgb(255, 255, 255)

Tones (Adding Gray)

• 000080

  rgb(0, 0, 128)
• 140674

  rgb(20, 6, 116)
• 1F0E65

  rgb(31, 14, 101)
• 251455

  rgb(37, 20, 85)
• 271944

  rgb(39, 25, 68)
• 251E33

  rgb(37, 30, 51)
• 808080

  rgb(128, 128, 128)

Navy Blue Palette

Explore curated and automatically generated color palettes featuring navy blue. See how it harmonizes with other colors for UI themes, graphics, and branding materials.

Color Picker

🎨

HEX Color Value

Sequential

Single hue gradient for data visualization

7 colors

Lightest

#484CFF

Light

#3333D3

Medium Light

#1D1BA9

Medium

#000080

Medium Dark

#0A075B

Dark

#0D0739

Darkest

#00001A

Diverging

Dual hue gradient with a neutral midpoint

9 colors

Base End

#000080

Left Dark

#593D9E

Left Medium

#9077BB

Left Light

#C3B4D8

Neutral

#F5F5F5

Right Light

#DAD6BB

Right Medium

#BEB882

Right Dark

#A09C4B

Complementary End

#808000

Monochromatic

Same hue, different brightness/saturation

5 colors

Lightest

#FFFFFF

Light

#947BC0

Medium

#000080

Dark

#00006F

Darkest

#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors

Left Adjacent 2

#008080

Left Adjacent 1

#004080

Main

#000080

Right Adjacent 1

#400080

Right Adjacent 2

#800080

Complementary

Colors opposite on the color wheel (180° apart)

2 colors

Main

#000080

Complementary

#808000

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors

Main

#000080

Secondary

#800000

Tertiary

#008000

Square

Four colors evenly spaced (90° apart)

4 colors

Main

#000080

Right 90°

#800040

Complementary

#808000

Left 90°

#008040

Tetradic

Two pairs of complementary colors

4 colors

Main

#000080

Secondary

#800080

Complementary

#808000

Complementary Secondary

#008000

Split Complementary

Complementary colors ±30°

3 colors

Main

#000080

Split Left

#804000

Split Right

#408000

Cyclic

Circular gradient for periodic data

8 colors

0°

#000080

45°

#600080

90°

#800040

135°

#802000

180°

#808000

225°

#208000

270°

#008040

315°

#006080

Pastel

Soft, desaturated colors for modern UI

6 colors

Light Pastel

#9C9CC9

Pastel 1

#A9A9D1

Pastel 2

#B6B6D8

Pastel 3

#C3C3DF

Pastel 4

#D1D1E6

Deep Pastel

#DEDEED

Common Blue Color Codes (HEX & RGB)

Blue →

HEX:#0000FF

RGB:rgb(0, 0, 255)

Navy Blue →

HEX:#000080

RGB:rgb(0, 0, 128)

Dark Blue →

HEX:#00008B

RGB:rgb(0, 0, 139)

Light Blue →

HEX:#ADD8E6

RGB:rgb(173, 216, 230)

Royal Blue →

HEX:#4169E1

RGB:rgb(65, 105, 225)

Sky Blue →

HEX:#87CEEB

RGB:rgb(135, 206, 235)

Baby Blue →

HEX:#89CFF0

RGB:rgb(137, 207, 240)

Electric Blue →

HEX:#7DF9FF

RGB:rgb(125, 249, 255)

Indigo →

HEX:#4B0082

RGB:rgb(75, 0, 130)

Turquoise →

HEX:#40E0D0

RGB:rgb(64, 224, 208)

Cyan →

HEX:#00FFFF

RGB:rgb(0, 255, 255)

Extract Navy Blue Hex & RGB Codes from Image

Upload a photo to find the exact navy blue HEX and RGB codes.

click or drag your image here

Supported formats: JPG, PNG, WebP

Navy Blue Color Code Converter

Instantly convert between HEX, RGB, CMYK, and more for navy blue shades.

Color Picker

🎨

HEX Color Value

All Formats:

• HEX:
  #000080
• RGB:
  rgb(0, 0, 128)
• CMYK:
  cmyk(100%, 100%, 0%, 50%)
• HSV:
  hsv(240°, 100%, 50%)
• HSL:
  hsl(240°, 100%, 25%)

---

What is Navy Blue?

Navy blue is a deep, rich blue that takes its name from the dark blue uniforms worn by officers in the British Royal Navy since the late 18th century. The color quickly became associated with authority, trustworthiness, and professionalism. Before the 19th century, navy blue was known as "marine blue" or simply "dark blue," but its military association cemented its modern identity.

In digital terms, navy blue is defined by the hex code #000080 or rgb(0, 0, 128). This deep blue sits at the edge of darkness, with maximum blue channel and zero red or green. Its CMYK values emphasize cyan and magenta with substantial black ink, producing a rich, authoritative color in print. Navy blue is often confused with royal blue, but navy is significantly darker and more muted.

Navy Blue vs Similar Colors

Navy blue occupies a unique position in the blue spectrum:

Color	HEX Code	Key Difference
Navy Blue	#000080	Deep, dark blue, authoritative
Royal Blue	#4169E1	Brighter, more vibrant blue
Midnight Blue	#191970	Even darker, almost black-blue
Oxford Blue	#022B3A	Teal-tinged dark blue

Navy blue is darker and more formal than royal blue, but lighter and more vibrant than midnight blue. Its lack of green or red undertones gives it a pure, neutral blue character that feels timeless and versatile.

Color Psychology and Meaning

Navy blue carries a powerful psychological weight:

• Trust and reliability: Navy blue is the color of banks, law firms, and corporate institutions — it signals stability and dependability
• Authority and professionalism: Military and government organizations use navy to convey structure and command
• Calm and serenity: Like all blues, navy has a calming effect, making it ideal for healthcare and wellness brands
• Sophistication and elegance: Navy blue is a staple of formal wear and luxury fashion

Using Navy Blue in Design

Navy blue's versatility makes it a designer's favorite:

Web and UI Design: Navy blue excels as a primary brand color for financial services, corporate platforms, and professional applications. It creates sophisticated headers, trustworthy CTAs, and elegant navigation. Pair with crisp white for maximum readability, or with gold accents for luxury.

Graphic Design: Navy blue is essential for corporate identity, annual reports, and legal documents. It pairs beautifully with white, cream, gold, and soft coral for elegant print materials.

Fashion and Interiors: A timeless wardrobe staple, navy blue works for both formal and casual wear. In interiors, navy blue walls or upholstery add depth and sophistication without overwhelming a space.

Color Harmony and Combinations

Navy blue pairs beautifully with:

• Monochromatic: Lighter blues, sky blue, and white create airy, professional palettes
• Complementary: Mustard yellow, coral, or burnt orange provide striking contrast
• Analogous: Teal, royal blue, and indigo create cohesive blue-based schemes
• Neutral anchoring: White, cream, beige, and gold let navy shine

For accessibility, navy blue (#000080) on white achieves approximately 8.5:1 contrast — excellent for text readability.

Frequently Asked Questions

What is the navy blue hex code?

The navy blue hex code is #000080. This classic dark blue is recognized across all major design platforms.

What colors go well with navy blue?

Navy blue pairs beautifully with white, cream, gold, mustard yellow, coral, and sage green.

Is navy blue the same as royal blue?

No. Navy blue (#000080) is significantly darker than royal blue (#4169E1). Navy is more formal and authoritative, while royal blue is brighter and more vibrant.

What are the RGB values for navy blue?

The navy blue RGB code is rgb(0, 0, 128) — maximum blue, with zero red and green.

What is navy blue's CMYK value?

Navy blue CMYK is approximately C:100, M:100, Y:0, K:50, producing its characteristic deep blue in print.