#57545E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted violet sits close to dark grey, offering a sophisticated alternative to standard neutral backgrounds. Because #57545e is highly desaturated, it avoids feeling overly vivid, making it ideal for moody UI interfaces where white text remains perfectly legible. It pairs best with soft cream or muted metallics. Use this hex code as a base layer for designs needing a grounded, serious, or spiritual tone.
Questions about #57545e
What is #57545e in RGB, HSL and CMYK?
In RGB, #57545e is rgb(87, 84, 94), in HSL hsl(258, 6%, 35%) and in CMYK 7%, 11%, 0%, 63%.
Why does #57545e work well for UI backgrounds?
This desaturated, muted violet provides a sophisticated alternative to standard grey, offering enough depth to ensure white text remains readable while keeping the interface feeling grounded and calm. It avoids the harshness of pure black while maintaining a professional, serious tone for design.
What colors pair well with #57545e?
Because #57545e has a cool, dusty violet base, it works effectively alongside cream or soft off-white tones to create a balanced, high-contrast look. Adding metallic accents or desaturated blues can also deepen the moody, spiritual aesthetic of your color scheme.
Is #57545e readable on white or black?
#57545e has a 7.40:1 contrast ratio on white and 2.83: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.