#293A54 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty navy acts as a muted, matte foundation for corporate branding and dark UI interfaces. Its low saturation keeps the design stable rather than striking. White text remains perfectly legible over the hex code #293a54 with an 11.5:1 contrast ratio, making it a reliable choice for small body text. Pair it with soft cream accents to prevent the overall look from feeling too gloomy.
Questions about #293a54
What is #293a54 in RGB, HSL and CMYK?
In RGB, #293a54 is rgb(41, 58, 84), in HSL hsl(216, 34%, 25%) and in CMYK 51%, 31%, 0%, 67%.
Why is #293a54 effective for user interfaces?
This dusty navy offers a high 11.5:1 contrast ratio against white text, making it ideal for accessible, long-form reading in dark mode interfaces. Its muted saturation prevents visual fatigue while maintaining a professional, stable appearance for corporate design systems.
Which colors pair well with #293a54?
Pair #293a54 with soft cream or warm beige to create a sophisticated balance that softens the navy's intense, matte character. Avoid pairing it with overly neon hues, which can clash with its subdued, grounding presence in a layout.
Is #293a54 readable on white or black?
#293a54 has a 11.49:1 contrast ratio on white and 1.82: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.