#574C79 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, ashy violet feels grounded and serious. Because #574c79 is quite desaturated, it avoids the artificial brightness of pure purple, making it a sophisticated choice for moody dark mode interfaces. Use this hex code as a background color to anchor text, as white type provides excellent readability against its depth. Pair it with soft cream or dusty rose to balance its cool, intellectual tone.
Questions about #574c79
What is #574c79 in RGB, HSL and CMYK?
In RGB, #574c79 is rgb(87, 76, 121), in HSL hsl(255, 23%, 39%) and in CMYK 28%, 37%, 0%, 53%.
Why is #574c79 an effective choice for dark mode UI?
Because #574c79 is significantly desaturated, it avoids the visual strain caused by highly vibrant purples while providing enough depth to anchor white text. Its muted quality feels intellectual and professional, offering a high-contrast alternative to standard black or dark grey backgrounds.
What colors pair best with #574c79?
The inherent coolness of #574c79 balances beautifully when paired with warm neutrals like soft cream or a dusty rose. You can also anchor the color by using it alongside charcoal for a more grounded, monochromatic look that maintains a modern, serious aesthetic.
Is #574c79 readable on white or black?
#574c79 has a 7.73:1 contrast ratio on white and 2.71: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.