#786A84 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted violet feels grounded and serious without being overwhelming. Because it is highly unsaturated, #786a84 works best as a moody background or a subtle supporting tone rather than an accent. It maintains excellent readability with white text, providing enough contrast for standard body copy. Pair it with soft cream or charcoal grays to keep your palette from feeling muddy or flat.
Questions about #786a84
What is #786a84 in RGB, HSL and CMYK?
In RGB, #786a84 is rgb(120, 106, 132), in HSL hsl(272, 11%, 47%) and in CMYK 9%, 20%, 0%, 48%.
How can I best use #786a84 in a UI design?
#786a84 works best as a primary background color when paired with high-contrast text like off-white or light gray. Its muted nature prevents eye strain in long-form reading environments, making it an excellent choice for calm, professional, or wellness-focused dashboard layouts.
What colors pair well with the #786a84 violet?
Is #786a84 readable on white or black?
#786a84 has a 5.00:1 contrast ratio on white and 4.19: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.