#0A3E7E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, deep blue carries a serious and authoritative weight perfect for professional branding or corporate UI. Because it reads so dark, it works best as a dominant 60% base color rather than an accent. Pair it with crisp white text to achieve a high-contrast, legible interface. The hex code for this sturdy, dim navy is #0a3e7e.
Questions about #0a3e7e
What is #0a3e7e in RGB, HSL and CMYK?
In RGB, #0a3e7e is rgb(10, 62, 126), in HSL hsl(213, 85%, 27%) and in CMYK 92%, 51%, 0%, 51%.
How should I use #0a3e7e in a user interface?
#0a3e7e works best as a primary or dominant background color because it provides a sturdy, serious foundation that grounds other design elements. Use it sparingly as an accent, as its dark, saturated weight can quickly overwhelm more delicate interface components.
What colors pair well with the deep blue of #0a3e7e?
Pair #0a3e7e with crisp whites or very light grays to ensure high legibility and a clean, modern contrast. For a more sophisticated palette, accent it with soft metallic tones like gold or silver to elevate the professional feel of the layout.
Is #0a3e7e readable on white or black?
#0a3e7e has a 10.48:1 contrast ratio on white and 2.00: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.