#64567A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A dusty, muted violet, #64567a brings a serious and moody character to any palette. Because of its low saturation, it functions best as a sophisticated background color rather than a primary focal point. Pair this hex code with crisp white text for excellent readability, or use it alongside soft teals to create a grounded, modern contrast in UI design.
Questions about #64567a
What is #64567a in RGB, HSL and CMYK?
In RGB, #64567a is rgb(100, 86, 122), in HSL hsl(263, 17%, 41%) and in CMYK 18%, 30%, 0%, 52%.
Why does #64567a work well for UI backgrounds?
#64567a functions as a sophisticated neutral because its low saturation reduces visual noise compared to brighter purples. It creates a serious, grounded atmosphere that allows high-contrast text to remain readable without straining the user's eyes.
What colors pair best with #64567a?
The muted nature of #64567a pairs effectively with soft, desaturated teals or warm, light grays to balance its coolness. You might also try grounding it with charcoal to lean into the moody, serious character of the violet base.
Is #64567a readable on white or black?
#64567a has a 6.65:1 contrast ratio on white and 3.15: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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.