#294D80 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This desaturated, mid-tone blue carries a grounded, authoritative weight. Because #294d80 offers excellent contrast, white text remains readable against it, making this shade a reliable choice for professional UI backgrounds or data-heavy dashboards. It lacks the brightness of primary blues, so pair it with warm creams or soft golds to prevent the overall design from feeling too cold or overly clinical.
Questions about #294d80
What is #294d80 in RGB, HSL and CMYK?
In RGB, #294d80 is rgb(41, 77, 128), in HSL hsl(215, 51%, 33%) and in CMYK 68%, 40%, 0%, 50%.
What colors pair best with #294d80 in UI design?
Pair #294d80 with warm creams or soft golds to balance its inherent coolness and prevent the design from feeling clinical. You can also use charcoal or off-white for text to maintain high readability while keeping the palette sophisticated and grounded.
Is #294d80 suitable for text-heavy layouts?
Yes, #294d80 offers excellent contrast against white or light backgrounds, making it a reliable choice for readable text or data-heavy dashboards. Its desaturated nature helps reduce eye strain during extended reading periods while maintaining a serious, professional appearance.
Is #294d80 readable on white or black?
#294d80 has a 8.51:1 contrast ratio on white and 2.46: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.