#564D7E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#564d7e is a muted, dusty violet that reads as serious and grounded. Because of its desaturated quality, it avoids the harshness of pure purple, making it a reliable choice for dark mode UI backgrounds. White text creates a high-contrast 7.6:1 ratio against this hex code, ensuring excellent readability. Pair it with soft cream or muted gold to balance its cool, professional weight.
Questions about #564d7e
What is #564d7e in RGB, HSL and CMYK?
In RGB, #564d7e is rgb(86, 77, 126), in HSL hsl(251, 24%, 40%) and in CMYK 32%, 39%, 0%, 51%.
How can I effectively use #564d7e in UI design?
#564d7e works exceptionally well as a primary background or brand color for professional, high-contrast interfaces. Because it offers a 7.6:1 contrast ratio against white text, it ensures excellent readability for users while avoiding the harsh, artificial feel of pure saturated purples.
Which color combinations complement #564d7e best?
Is #564d7e readable on white or black?
#564d7e has a 7.61:1 contrast ratio on white and 2.75: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.