#394776 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusky navy reads professional and grounded, carrying a serious tone without feeling aggressive. Because it is unsaturated and cool, #394776 works well as a dark background for data-heavy UI interfaces or corporate branding. Pair it with soft cream or pale peach to keep the palette from feeling too heavy. It offers enough contrast for readable body text, but use it carefully to avoid a muddy look.
Questions about #394776
What is #394776 in RGB, HSL and CMYK?
In RGB, #394776 is rgb(57, 71, 118), in HSL hsl(226, 35%, 34%) and in CMYK 52%, 40%, 0%, 54%.
What colors pair best with #394776 for UI design?
Soft creams and pale peaches create the most balanced contrast against #394776. These lighter, warmer tones prevent the dark navy from feeling too heavy or muddy, effectively brightening up your layout while maintaining a serious and professional aesthetic.
Is #394776 suitable for long-form body text?
While #394776 offers enough contrast for certain interfaces, it is often too dark for extensive body text readability. It functions best as a background color or a UI accent, especially when paired with white or very light neutral text.
Is #394776 readable on white or black?
#394776 has a 8.98:1 contrast ratio on white and 2.33: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.