Solid Navy Blue Background #000080

Copy CSS snippets
Ready to copy
Adjust the Color
Solid Navy Blue background details
With hex #000080 (rgb(0, 0, 128)), this deep, low-light blue tone sits around 240° on the color wheel. Its bold, saturated appearance reads as focused and trustworthy on screen. Use the values and preview above to test it in the layout where it will actually appear.
Navy blue: authority without the severity of black
Navy blue is named for the British Royal Navy, which adopted the dark indigo-dyed uniform in 1748; two centuries of officers, blazers, and business suits later, it is the world’s default color of quiet authority. Wherever black feels too stark — interviews, banking apps, presentation decks — navy carries the same seriousness with more warmth.
The web color #000080 is darker and cooler than most textile navies, which makes it an outstanding screen background: dark enough for white type to glow, blue enough to avoid the dead feel of pure black. On phone lock screens it reads almost as depth rather than color.
Navy is also the anchor of nautical palettes — with white and gold it has meant “trustworthy and expensive” since before graphic design had a name.
A palette that works with Navy Blue
White and gold give navy its classic nautical polish; coral modernizes it instantly.
Quick specs
- HEX
- #000080
- RGB
- rgb(0, 0, 128)
- HSL
- hsl(240, 100%, 25%)
- Readable text
- #FFFFFF
background-color: #000080;
Where Navy Blue shines
- Tech or finance dashboards that need a trustworthy base hue
- Navy Blue backdrops for travel, sky, or ocean-inspired campaigns
- Presentation slides where cool tones keep focus on the data
Practical tips
- Stick with off-white (#F5F5F5) or pure white typography for clarity (the Copy RGB/HEX buttons above make it easy to grab the exact values).
- Use the adjustment sliders to nudge the hue when you need a complementary accent.
- The download tool exports PNG/JPEG files up to 7680×7680, so you can drop the color straight into mockups or presentations.
Related shades
Popular solid background pages
Collections with Navy Blue
Navy Blue background FAQs
Can I download a solid Navy Blue background?
Yes. This solid navy blue background is available as free PNG and JPEG downloads for HD desktop, 4K, phone, square, and custom sizes.
What is the HEX code for Navy Blue?
Navy Blue uses HEX #000080 and rgb(0, 0, 128). You can copy both values from this page or adjust the shade before exporting a background image.
Is Navy Blue better for phone or desktop wallpaper?
Navy Blue is especially useful for desktop wallpapers, OLED-friendly screens, presentation backdrops, and low-distraction setups. The phone preset also works well for a darker lock screen.
