Navy Blue HEX Code
The HEX code for navy blue is #000080. Navy is a very dark shade of blue, named after the color of British Royal Navy uniforms. It's a classic color that conveys professionalism, authority, and trustworthiness.
Navy Color Values
| Format | Value |
|---|---|
| HEX | #000080 |
| RGB | rgb(0, 0, 128) |
| HSL | hsl(240, 100%, 25%) |
| CMYK | C:100 M:100 Y:0 K:50 |
Navy Shades and Variations
| Shade | HEX | Description |
|---|---|---|
| Midnight Blue | #191970 | Purple-tinted |
| Navy Blue | #000080 | CSS navy |
| Dark Blue | #00008B | Similar to navy |
| Oxford Blue | #002147 | Deep, rich |
| Prussian Blue | #003153 | Green-tinted |
| Space Cadet | #1D2951 | Modern navy |
| Yale Blue | #0F4D92 | Lighter navy |
Navy in Design
Navy conveys:
- Authority: Corporate, government
- Trust: Banking, insurance
- Elegance: Fashion, luxury
- Stability: Reliable, established
Navy vs Blue Comparison
| Color | HEX | When to Use |
|---|---|---|
| Blue | #0000FF | Bright, attention-grabbing |
| Navy | #000080 | Formal, professional |
| Royal Blue | #4169E1 | Vibrant yet refined |
| Dark Blue | #00008B | Very dark blue |
Using Navy in Web Design
``css
/* Corporate color scheme */
:root {
--navy: #000080;
--navy-light: #1E3A5F;
--navy-dark: #001F3F;
}
/* Navy header */
.header {
background-color: #001F3F;
color: white;
}
/* Navy button */
.btn-navy {
background-color: #000080;
border-color: #000066;
}
``
Brand Navys
| Brand | HEX | Industry |
|---|---|---|
| JPMorgan | #003366 | Banking |
| Ford | #003478 | Automotive |
| Pepsi | #004B93 | Beverage |
| Samsung | #034EA2 | Technology |
| Gap | #000066 | Fashion |