#564787 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A dusty, unsaturated violet, #564787 offers a muted alternative to standard primary purples. Its dark, cool tone works best as a sophisticated background color for moody, modern UI designs. Because it maintains a high 7.9:1 contrast ratio against white text, it ensures excellent readability for body content. Designers favor this hex code when creating structured, serious layouts that require a touch of mystery.
Questions about #564787
What is #564787 in RGB, HSL and CMYK?
In RGB, #564787 is rgb(86, 71, 135), in HSL hsl(254, 31%, 40%) and in CMYK 36%, 47%, 0%, 47%.
What colors pair best with #564787?
Where should I use #564787 in my UI designs?
Use #564787 for background panels or sidebar navigation in UI projects that require a sense of calm and structure. It avoids the intensity of standard primary purples, ensuring your content remains professional and easy to read for long periods.
Is #564787 readable on white or black?
#564787 has a 7.93:1 contrast ratio on white and 2.64: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.