#51524D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dim, dusky grey brings a serious tone to any project. As a low-chroma neutral, #51524d works best as a supporting background or for understated typography where readability is key. It holds excellent contrast for white text, making it a reliable choice for dark mode interfaces. The hex code for this stable, professional shade is #51524d.
Questions about #51524d
What is #51524d in RGB, HSL and CMYK?
In RGB, #51524d is rgb(81, 82, 77), in HSL hsl(72, 3%, 31%) and in CMYK 1%, 0%, 6%, 68%.
Where should I use #51524d in a UI design?
#51524d works best as a background color for interfaces or for secondary text blocks where you need to reduce visual noise. Its stable, muted nature prevents the harshness of pure black while maintaining enough depth for high-contrast white typography.
What colors pair best with #51524d?
This shade acts as an anchor for warm accent colors like terracotta or soft, earthy olive tones. Because it is a neutral grey, it also provides a professional foundation when balanced against bright whites or off-white cream shades for cleaner layouts.
Is #51524d readable on white or black?
#51524d has a 7.88:1 contrast ratio on white and 2.66: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.