#4E5A61 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, desaturated blue-grey carries a serious and grounded mood. Because of its muted tone, it works best as a neutral background or a supporting secondary color in professional tech or finance interfaces. While it offers enough contrast for white text, avoid using it for fine details where it might appear muddy. The hex code for this shade is #4e5a61.
Questions about #4e5a61
What is #4e5a61 in RGB, HSL and CMYK?
In RGB, #4e5a61 is rgb(78, 90, 97), in HSL hsl(202, 11%, 34%) and in CMYK 20%, 7%, 0%, 62%.
What colors pair best with #4e5a61 for a professional interface?
#4e5a61 functions well as a muted background when paired with crisp white text or lighter cool-toned accents like sky blue. To create visual depth without clutter, use it alongside soft charcoal for typography, as this keeps the palette grounded and readable.
Is #4e5a61 suitable for use as a primary UI text color?
Avoid using #4e5a61 for fine text or small UI elements because its desaturated, mid-tone nature can appear muddy or difficult to read against common off-white backgrounds. It is much more effective as a structural background, a container fill, or for large, bold heading typography.
Is #4e5a61 readable on white or black?
#4e5a61 has a 7.09:1 contrast ratio on white and 2.95: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.