#564C66 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted violet reads as a serious and grounded neutral. With its low saturation and dark presence, #564c66 works well for moody interfaces or as a sophisticated background that allows brighter accents to stand out. White text provides excellent readability against this shade, making it a reliable choice for UI elements. The hex code for this desaturated purple is #564c66.
Questions about #564c66
What is #564c66 in RGB, HSL and CMYK?
In RGB, #564c66 is rgb(86, 76, 102), in HSL hsl(263, 15%, 35%) and in CMYK 16%, 25%, 0%, 60%.
How should I use #564c66 in a color palette?
Because #564c66 is a muted, deep violet, it serves best as a sophisticated background color or a primary anchor for UI elements. Pair it with soft creams or stark white to maintain readability, or accent it with warm, desaturated golds to create a high-end, gallery-like aesthetic.
Does #564c66 read as a warm or cool color?
This color leans toward the cool side of the spectrum due to its strong purple base, though it carries just enough gray to feel neutral and grounded. Its low saturation keeps it from feeling overly vibrant or aggressive, which helps it recede visually in complex layouts.
Is #564c66 readable on white or black?
#564c66 has a 8.01:1 contrast ratio on white and 2.62: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.