#8C549C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This desaturated violet creates a cool, structured presence that avoids being overly aggressive. Because it has moderate lightness, it serves best as a supporting tone or an accent color in branding rather than a dominant background. White text pops clearly against it, offering excellent readability. The hex code for this shade is #8c549c. Pair it with soft charcoals or muted creams for a balanced, modern interface.
Questions about #8c549c
What is #8c549c in RGB, HSL and CMYK?
In RGB, #8c549c is rgb(140, 84, 156), in HSL hsl(287, 30%, 47%) and in CMYK 10%, 46%, 0%, 39%.
How should I use #8c549c in a UI design?
#8c549c works best as a functional accent rather than a primary background because of its moderate depth. It pairs effectively with charcoal or deep neutral grays to maintain a clean, professional hierarchy while ensuring text remains highly legible.
Is #8c549c considered a warm or cool color?
While violet naturally sits at a crossroads, #8c549c leans cool due to its desaturation, which strips away the typical warmth of vibrant purples. This makes it feel more structural and reserved, suitable for branding that avoids being overly aggressive.
Is #8c549c readable on white or black?
#8c549c has a 5.43:1 contrast ratio on white and 3.86: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.