#1E3A8A Hex Color

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

Hex color #1e3a8a graphic
This deep, saturated navy exudes authority and stability, making it a reliable choice for corporate branding and professional UI backgrounds. Because it is quite dark, #1e3a8a provides excellent contrast for white text, ensuring your designs remain readable. It functions best as a dominant base color rather than an accent. If you want to brighten this mood, consider learning how to make purple by blending it with warmer hues.

Questions about #1e3a8a

What is #1e3a8a in RGB, HSL and CMYK?
In RGB, #1e3a8a is rgb(30, 58, 138), in HSL hsl(224, 64%, 33%) and in CMYK 78%, 58%, 0%, 46%.
What colors pair best with #1e3a8a for a professional look?
This deep navy works perfectly with crisp white or light greys to maintain high readability and a clean corporate aesthetic. For a more sophisticated palette, introduce subtle accents like gold or cream to soften the intensity without sacrificing authority.
Is #1e3a8a a good choice for text-heavy interface designs?
Yes, #1e3a8a is excellent for UI backgrounds or large blocks of color because its deep saturation ensures high contrast when paired with light text. Just ensure your typography remains bold enough to stand out against this dark, heavy base.
Is #1e3a8a readable on white or black?
#1e3a8a has a 10.35:1 contrast ratio on white and 2.02: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.