Navy Blue #1B2A4A
A very dark blue, near-black, named after naval uniforms. The default "formal blue".
Use cases: Corporate UI · Formal identity
Families: Blues · Navy Blues
Color values
| Format | Value | |
|---|---|---|
| HEX | #1B2A4A | |
| RGB | rgb(27, 42, 74) | |
| HSL | hsl(221, 47%, 20%) | |
| HSV | hsv(221, 64%, 29%) | |
| OKLCH | oklch(28.95% 0.062 263.9) | |
| OKLab | oklab(28.95% -0.0066 -0.0619) | |
| CMYK | cmyk(63.5%, 43.2%, 0%, 71%) | |
| XYZ | xyz(2.5156, 2.3832, 6.8047) | |
| CIE-LAB | lab(17.4, 5.1, -21.8) | |
| CIE-LCH | lch(17.4, 22.4, 283.2°) | |
| Luminance | 0.024 (WCAG relative) |
Source: Tintiva editorial record
Collections: Dark Colors · Dark Blue Shades · Navy Blue Colors · Ocean Colors
Shade scale
Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →
OKLCH ramp (perceptually uniform, modern CSS)
Shades (toward black)
Tints (toward white)
Tones (toward gray)
Color harmonies
Complementary
Edit in generator →Analogous
Edit in generator →Triadic
Edit in generator →Tetradic
Edit in generator →Square
Edit in generator →Split Complementary
Edit in generator →Monochromatic
Edit in generator →Accessibility & contrast
Best text on Navy Blue
WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1. Open the contrast checker →
Color blindness preview
Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.
Closest named colors
Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀) across the full color database.
| Color | Name | ΔE₀₀ |
|---|---|---|
| Marine #042E60 | 5.33 | |
| Marine Blue #01386A | 7.81 | |
| Dark #1B2431 | 8.18 | |
| Dark Navy #000435 | 10.39 | |
| Midnight #03012D | 10.72 | |
| Twilight Blue #0A437A | 10.93 |
Related colors
Combinations with Navy Blue
a coastal and preppy staple: formal navy grounded by soft sandy neutrals
muted complementary in the flat-design tradition — mustard pops on navy
preppy contrast: formal navy softened by dusty pink
maximum clarity — the formal baseline of clean design
Palettes with Navy Blue
Colors that go with Navy Blue
Top matches by hue harmony, contrast and saturation compatibility. See all 10 ranked combinations →
Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.