#32486E Hex Color

A serious and professional dusty navy blue

Hex color #32486e graphic
A dusty, muted navy, #32486e carries a serious and professional weight. Its low saturation makes it an excellent choice for corporate UI backgrounds where stark black feels too aggressive. Because it has such a strong gray base, learning what colors make gray can help designers balance it within a palette. White text pops well against this shade, ensuring solid readability for small interface elements.

Questions about #32486e

What is #32486e in RGB, HSL and CMYK?
In RGB, #32486e is rgb(50, 72, 110), in HSL hsl(218, 38%, 31%) and in CMYK 55%, 35%, 0%, 57%.
How can I use #32486e in a professional UI design?
#32486e works exceptionally well as a background for dashboard interfaces where you need professional weight without the harshness of true black. It provides high contrast for white text while maintaining a grounded, stable aesthetic that keeps users focused on data.
What colors pair best with #32486e for a balanced palette?
This muted navy pairs beautifully with soft creams or warm off-white to neutralize its serious tone. For a stronger contrast, introduce a terracotta or muted orange, which adds just enough warmth to break up the deep, cool gray undertones.
Is #32486e readable on white or black?
#32486e has a 9.17:1 contrast ratio on white and 2.28: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.