#1A3869 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #1a3869 graphic
This desaturated, deep navy carries a cold, authoritative weight. Because it is quite dark, #1a3869 works best as a dominant base for UI backgrounds or large brand elements. It maintains strong legibility with white text and pairs effectively with muted copper or cream to soften its corporate severity. If you need something with a similar mood but more warmth, look at deeper purple tones.

Questions about #1a3869

What is #1a3869 in RGB, HSL and CMYK?
In RGB, #1a3869 is rgb(26, 56, 105), in HSL hsl(217, 60%, 26%) and in CMYK 75%, 47%, 0%, 59%.
What colors pair effectively with the deep navy of #1a3869?
This color creates a sophisticated balance when paired with warm neutrals like cream or copper, which soften its cold, corporate intensity. For a more modern, minimal look, it works reliably alongside light gray or bright white text for maximum readability.
Is #1a3869 suitable for large-scale UI background usage?
Yes, #1a3869 acts as a strong, authoritative base for web backgrounds because its desaturated tone prevents it from overwhelming the user's visual field. Always ensure text elements utilize high-contrast light colors, as this shade is dark enough to swallow low-contrast foregrounds.
Is #1a3869 readable on white or black?
#1a3869 has a 11.57:1 contrast ratio on white and 1.81:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it is too faint for text. Try other pairs in the contrast checker.