Navy (#000080) combined with gray (#8A8F98) is neutral, modern and balanced. This pairing works in branding, interiors, fashion and web design. Copy the codes below, or scroll for navy backgrounds you can pair with gray text and accents.
| Format | Value |
|---|---|
| HEX | #000080 |
| RGB | rgb(0, 0, 128) |
| CMYK | cmyk(100%, 100%, 0%, 50%) |
| HSL | hsl(240, 100%, 25%) |
How to Use This Combination
- 60-30-10 rule: use navy for 60% of the design, gray for 30%, and one accent color for the final 10%.
- Web design: navy sections with gray typography give strong hierarchy and readability.
- Interiors: navy walls with gray furniture or fixtures create a neutral, modern and balanced look.
- Fashion: a navy outfit with gray accessories is a reliable, stylish formula.
Navy Backgrounds for This Pairing
→ View all 32 navy backgrounds