#6C4FE2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated purple is loud and unapologetically bold. Because it commands attention, the hex code #6c4fe2 works best as a punchy accent color in UI design rather than a full background. It pairs surprisingly well with muted teals or soft ochre, cutting through their earthy tones. With a 5.4:1 contrast ratio, it remains readable when paired with crisp white text for high-impact buttons.
Questions about #6c4fe2
What is #6c4fe2 in RGB, HSL and CMYK?
In RGB, #6c4fe2 is rgb(108, 79, 226), in HSL hsl(252, 72%, 60%) and in CMYK 52%, 65%, 0%, 11%.
How should I use #6c4fe2 in UI design?
This purple acts as a powerful accent color for buttons or call-to-action elements where you need high engagement. Because of its intensity, avoid using #6c4fe2 as a background, as it will quickly overwhelm other content on the page.
What color combinations pair well with #6c4fe2?
You can balance the intensity of #6c4fe2 by pairing it with muted tones like sage or soft ochre. These earthy, desaturated colors provide a necessary visual break, allowing the purple to pop without clashing with the rest of your layout.
Is #6c4fe2 readable on white or black?
#6c4fe2 has a 5.44:1 contrast ratio on white and 3.85: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.