#040F47 Hex Color

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

Hex color #040f47 graphic
#040f47 is a commanding, near-black blue with high saturation and minimal lightness. It carries significant weight, making it ideal for corporate branding or moody UI backgrounds that prioritize authority. Because this hex code provides such stark contrast, it works best when paired with clean, bright white typography. Use it as a dominant foundation for serious designs rather than a small accent.

Questions about #040f47

What is #040f47 in RGB, HSL and CMYK?
In RGB, #040f47 is rgb(4, 15, 71), in HSL hsl(230, 89%, 15%) and in CMYK 94%, 79%, 0%, 72%.
What design elements pair best with the intensity of #040f47?
#040f47 functions best when contrasted against crisp, bright whites or soft, metallic silver tones to prevent the design from feeling muddy. Because this color is so dark, avoid using it with other dark hues, as you will lose all necessary legibility and visual hierarchy.
Is #040f47 suitable for body text or large blocks of content?
While #040f47 is technically dark enough for text, it is often too close to pure black and can cause eye strain when used in long paragraphs. Use it instead for headers, navigation bars, or footer backgrounds to maintain a professional, high-contrast look.
Is #040f47 readable on white or black?
#040f47 has a 18.03:1 contrast ratio on white and 1.16: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.