Color meaning
Navy
Introducing Navy (#1B2A4A), a deep, inky blue shade. Its richness gives product pages and headers a premium, grounded feel, while its low brightness makes it a dependable base for typography, navigation bars, and packaging that should read as established and refined.
Navy code conversions
- HEX
- #1B2A4A
- RGB
- rgb(27, 42, 74)
- HSL
- hsl(221, 47%, 20%)
- HSB
- hsb(221, 64%, 29%)
- CMYK
- cmyk(64%, 43%, 0%, 71%)
Navy color harmonies
Navy contrast
Your catchy large text
Small body copy sitting on Navy.
Your catchy large text
Small body copy sitting on Navy.
Navy color variations
Shades
Mixed toward black: deeper steps for backgrounds and hover states.
Tints
Mixed toward white: softer steps for surfaces and disabled states.
Tones
Mixed toward gray: muted, sophisticated steps that lower the intensity.
Hues
Rotated around the wheel: related hues at the same lightness and saturation.
Brands that use colors like Navy
Matched by color distance against real palettes extracted from live storefronts.
Related blue colors
Navy: frequently asked
What color is Navy?
Navy (#1B2A4A) is a very dark, desaturated blue that borders on near-black. In e-commerce interfaces it reads as serious and upscale, sitting between a brighter true blue and a neutral charcoal.
What is the meaning of Navy?
Navy signals authority, stability, and quiet luxury. Brands reach for it when they want customers to feel a sense of heritage and confidence while browsing higher-priced goods.
How do I use Navy (#1B2A4A) in e-commerce design?
Use Navy for headers, footers, body text, and dark-mode backgrounds, and pair it with white or a warm metallic accent for contrast. Reserve brighter hues for the CTA so the primary action still stands out against it.
Using Navy color codes
Copy Navy in HEX, RGB, HSL, HSB, and CMYK below to match it across your web store, app, and packaging.
Colors are just the start
See these colors at work in real, looping storefront captures. The whole library is free to browse.
Free to browse · Pro unlocks the MCP