#293F58 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Muted and dusty, #293f58 serves as a serious, professional anchor for digital interfaces. This cool, dark blue works best as a 60% base, offering excellent readability for white text. While reliable, the color can feel overly heavy in small areas, so balance it with bright accents or deeper purple tones for visual interest. The hex code for this shade is #293f58.
Questions about #293f58
What is #293f58 in RGB, HSL and CMYK?
In RGB, #293f58 is rgb(41, 63, 88), in HSL hsl(212, 36%, 25%) and in CMYK 53%, 28%, 0%, 65%.
What colors pair well with #293f58 in UI design?
#293f58 works best when balanced by high-contrast accents like soft off-whites or energetic pops of mustard or terracotta. Because it is a heavy, desaturated blue, adding these warmer, brighter tones prevents the design from feeling overly clinical or cold.
Does #293f58 work well as a background color?
#293f58 functions perfectly as a 60% base background color because it provides excellent contrast for white or light gray typography. It reads as a sophisticated neutral, grounding the page while maintaining enough visual depth to avoid the harshness of pure black.
Is #293f58 readable on white or black?
#293f58 has a 10.79:1 contrast ratio on white and 1.94: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.