#394951 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#394951 is a dusty, inky blue that leans heavily into grey. This muted tone provides a stable, serious backdrop for corporate or tech-focused UI designs. It offers excellent readability with white text, boasting a 9.4:1 contrast ratio. Because this hex code is quite dark, use it as a base for large backgrounds rather than fine details to avoid a muddy appearance.
Questions about #394951
What is #394951 in RGB, HSL and CMYK?
In RGB, #394951 is rgb(57, 73, 81), in HSL hsl(200, 17%, 27%) and in CMYK 30%, 10%, 0%, 68%.
What colors pair best with #394951 in a UI design?
Pair #394951 with crisp, warm whites or very soft, desaturated creams to maximize readability without overwhelming the eye. You can also create a professional contrast by using subtle sage accents or muted terracotta for buttons, as these earthier tones complement the grey-blue base effectively.
Is #394951 suitable for small text on a screen?
While #394951 provides excellent contrast against white backgrounds, it is often too dark and visually heavy for long-form body text. Use it primarily for large containers, navigation headers, or footer sections to maintain a clean, high-end interface without causing visual strain or muddiness.
Is #394951 readable on white or black?
#394951 has a 9.35:1 contrast ratio on white and 2.24: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.