#6C4CC9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
See all shades of purple with names and hex codes →
This saturated violet commands attention with high intensity. Because it is so vivid, #6c4cc9 functions best as a bold accent rather than a background. Use it sparingly in UI design for buttons or calls to action to avoid visual fatigue. It pairs well with high-contrast white text, which meets accessibility standards. Learn how to make gray if you need to soften this powerful hue.
Questions about #6c4cc9
What is #6c4cc9 in RGB, HSL and CMYK?
In RGB, #6c4cc9 is rgb(108, 76, 201), in HSL hsl(255, 54%, 54%) and in CMYK 46%, 62%, 0%, 21%.
What colors pair well with #6c4cc9 for UI design?
This intense violet works best when grounded by neutral tones to balance its high saturation. Pair #6c4cc9 with charcoal or soft white backgrounds to make the color pop without straining the eyes of the user, creating a professional and clean hierarchy.
How should I use #6c4cc9 without overwhelming a design?
Because #6c4cc9 is extremely vivid, treat it strictly as a strategic accent rather than a dominant background color. It is most effective when highlighting call-to-action buttons or small interface notifications where you need to draw immediate attention without creating visual fatigue.
Is #6c4cc9 readable on white or black?
#6c4cc9 has a 5.97:1 contrast ratio on white and 3.51: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.