#293462 Hex Color

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

Hex color #293462 graphic
A desaturated, ink-like navy, #293462 carries a heavy, serious weight that suits professional branding or dark interface designs. Because it lacks brightness, it serves best as a dominant base rather than an accent. Pair it with soft cream or warm metallics to offset its cool, moody undertone. Its high contrast ratio makes it an accessible choice for white text, ensuring readability across digital layouts.

Questions about #293462

What is #293462 in RGB, HSL and CMYK?
In RGB, #293462 is rgb(41, 52, 98), in HSL hsl(228, 41%, 27%) and in CMYK 58%, 47%, 0%, 62%.
How can #293462 be used effectively in digital interfaces?
Because it is a desaturated, ink-like navy, #293462 excels as a primary background color where readability is critical. It provides enough visual weight to anchor a layout while maintaining a professional, calm aesthetic that pairs beautifully with off-white or cream text.
What color combinations work best with #293462?
To balance its cool, serious tone, pair #293462 with warm accents like gold or terracotta. These complementary colors offset the heaviness of the navy, creating a balanced palette that feels both grounded and engaging for modern web design or branding.
Is #293462 readable on white or black?
#293462 has a 11.91:1 contrast ratio on white and 1.76: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.