#51545C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, grey-blue hue feels somber and serious. Because of its muted chroma, #51545c works best as a balanced background color rather than an accent. It pairs well with crisp white text, providing enough contrast for readability in UI designs. Designers often use this shade to ground moody tech or financial interfaces where a professional, reliable appearance matters more than saturation. The hex code for this color is #51545c.
Questions about #51545c
What is #51545c in RGB, HSL and CMYK?
In RGB, #51545c is rgb(81, 84, 92), in HSL hsl(224, 6%, 34%) and in CMYK 12%, 9%, 0%, 64%.
What colors pair well with #51545c?
#51545c works best when paired with high-contrast neutrals like white or light greys to keep text legible. For accent colors, it harmonizes well with muted earth tones or a deep navy to maintain a cohesive, professional interface.
Is #51545c suitable for UI backgrounds?
Yes, #51545c makes an excellent background choice for financial or tech-focused applications where a reliable and serious tone is preferred. Because it is a muted mid-tone, it recedes visually, allowing primary call-to-action buttons or light text to stand out clearly.
Is #51545c readable on white or black?
#51545c has a 7.57:1 contrast ratio on white and 2.77: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.