#574A56 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A dusty, muted magenta, #574a56 brings a moody, almost grey quality to the palette. It functions best as a supporting tone or a sophisticated background rather than a main focus. Use it alongside soft creams or muted greens for a balanced, understated aesthetic. This hex code offers excellent contrast for white text, making it a reliable choice for dark mode UI designs.
Questions about #574a56
What is #574a56 in RGB, HSL and CMYK?
In RGB, #574a56 is rgb(87, 74, 86), in HSL hsl(305, 8%, 32%) and in CMYK 0%, 15%, 1%, 66%. Browse more shades of gray with names and hex codes.
How does #574a56 perform in interface design?
#574a56 provides excellent contrast for white or light-toned text, making it a reliable, high-readability choice for dark mode UI backgrounds. It avoids the harshness of pure black while maintaining a sophisticated, modern aesthetic that feels professional and intentional.
What colors pair best with #574a56?
This muted magenta works best alongside soft creams or muted greens like sage to create a balanced palette. Incorporating a light neutral prevents the deep grey undertones of #574a56 from feeling too heavy or overwhelming in a layout.
Is #574a56 readable on white or black?
#574a56 has a 8.33:1 contrast ratio on white and 2.51: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.