#040E29 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This near-black navy is heavy and somber, functioning best as a high-contrast dark mode background or a bold footer. Because it is so dark, avoid using it for small text to prevent muddy readability. White type offers 19.1:1 contrast against it, making it excellent for legible UI headers. The hex code for this moody shade is #040e29.
Questions about #040e29
What is #040e29 in RGB, HSL and CMYK?
In RGB, #040e29 is rgb(4, 14, 41), in HSL hsl(224, 82%, 9%) and in CMYK 90%, 66%, 0%, 84%.
Why is #040e29 better for headers than body text?
While #040e29 provides excellent, high-contrast 19.1:1 legibility against white text in large headers, its density often causes muddiness or reading fatigue in body copy. Reserve this color for bold UI elements like footers or oversized titles to maintain visual clarity.
What colors pair well with #040e29?
This shade acts as a powerful neutral anchor that balances well with soft cream or cool silver accents. For a more dynamic interface, pair it with vibrant, high-saturation colors to let them pop against the intense, somber background.
Is #040e29 readable on white or black?
#040e29 has a 19.09:1 contrast ratio on white and 1.09: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.