#1E3B8A Hex Color

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

Hex color #1e3b8a graphic
This saturated, high-contrast navy carries a serious, authoritative weight. Because it sits on the cooler end of the spectrum, #1e3b8a works best as a primary background or a dominant branding element. It provides excellent legibility for white text, making it a functional choice for corporate UI or dashboards. Pair it with soft, warm metallics like gold or copper to cut the gloom and add sophistication.

Questions about #1e3b8a

What is #1e3b8a in RGB, HSL and CMYK?
In RGB, #1e3b8a is rgb(30, 59, 138), in HSL hsl(224, 64%, 33%) and in CMYK 78%, 57%, 0%, 46%.
What colors pair well with #1e3b8a for a balanced palette?
Pair #1e3b8a with warm, metallic tones like gold or copper to balance its intense, cool-leaning depth. These accents effectively cut the potential gloom of the dark blue while adding a layer of sophisticated contrast for your design layout.
Is #1e3b8a a good choice for text-heavy UI backgrounds?
Yes, #1e3b8a serves as an excellent foundation for UI elements because it offers high legibility when paired with white or very light text. Its deep saturation maintains a professional, grounded look that avoids the harshness of pure black while remaining visually authoritative.
Is #1e3b8a readable on white or black?
#1e3b8a has a 10.25:1 contrast ratio on white and 2.04: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.