#554F51 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, stony grey provides a grounded, neutral anchor for moody UI designs and professional branding. Because #554f51 is highly muted, it avoids appearing muddy when paired with high-contrast creams or crisp whites. It works effectively as a background color for interfaces, as it offers enough accessibility for small body text while maintaining a sophisticated, stable presence in your color palette. The hex code is #554f51.
Questions about #554f51
What is #554f51 in RGB, HSL and CMYK?
In RGB, #554f51 is rgb(85, 79, 81), in HSL hsl(340, 4%, 32%) and in CMYK 0%, 7%, 5%, 67%.
What colors pair best with #554f51 for UI design?
#554f51 pairs exceptionally well with high-contrast creams, crisp whites, or soft pastels like pale sage. Because it is highly muted, it acts as a stable, non-distracting foundation, allowing lighter accent colors to pop without visual vibration or muddiness.
Is #554f51 readable on white or black?
#554f51 has a 8.00:1 contrast ratio on white and 2.62: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.