Authoritative Maritime Dark Blue
Category: Blue
Navy Blue (#000080) — Color Codes, Meaning & UI Palettes
Navy Blue takes its name from the dark blue uniforms worn by officers in the British Royal Navy since 1748. Globally recognized as the ultimate corporate color, it signifies stability, security, integrity, and confidence.
Click to Copy HEX
Navy Blue
#000080
HEX
#000080
RGB
rgb(0, 0, 128)
HSL
hsl(240deg, 100%, 25%)
CMYK (Print)
cmyk(100%, 100%, 0%, 50%)
Apple Display P3
color(display-p3 0.000 0.000 0.502)
WCAG 2.1 Accessibility & Contrast Rating
White Text (#FFFFFF)
16.01:1 (AAA)
Black Text (#000000)
1.31:1 (Fail)
11-Step Tints & Shades Scale (Tailwind 50–950)
Mathematically balanced luminance scale for design tokens and CSS color palettes. Click any shade to copy hex code:
50
#F0F0F7
100
#D6D6EB
200
#ADADD6
300
#7A7ABD
400
#3D3D9E
500
#000080
600
#000066
700
#00004D
800
#000033
900
#00001C
950
#00000F
Color Harmonies & Palette Schemes
Complementary
#7F8000
Opposite 180° Contrast
Analogous -30°
#004080
Natural Harmony
Analogous +30°
#400080
Natural Harmony
Triadic +120°
#800000
120° Balanced Triad
Triadic +240°
#008000
120° Balanced Triad
Curated UI Design Pairings for Navy Blue
The gold standard for enterprise software, fintech headers, navigation bars, and accessible body typography. A softer, more sophisticated alternative to pure black.
Pure White
#FFFFFF
Sharp 15:1 Contrast
Sunlight Yellow
#FEE12B
High-Energy Accent
Pale Slate
#D9E2EC
Muted Divider Border
Cyan Sky
#38BDF8
Interactive Link Accent
Export Navy Blue Code Snippets
CSS Variable
--color-navy-blue: #000080;
Tailwind Config
'navy-blue': '#000080'
Swift / SwiftUI
Color(hex: "#000080")
JSON Design Token
{"name": "Navy Blue", "hex": "#000080"}
Explore More Colors in the Dictionary
Browse our complete catalog of curated named colors, harmonic palettes, and accessible UI combinations.