#6C2DC3 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #6c2dc3 graphic
This saturated violet commands attention with its intense, electric personality. Because it is so loud and demanding, #6c2dc3 works best as an accent color for calls to action or small UI details rather than a dominant background. White text sits comfortably on this dark base, providing excellent legibility. Use the hex code #6c2dc3 to inject high-energy, modern flair into designs that require a bold, creative statement.

Questions about #6c2dc3

What is #6c2dc3 in RGB, HSL and CMYK?
In RGB, #6c2dc3 is rgb(108, 45, 195), in HSL hsl(265, 62%, 47%) and in CMYK 45%, 77%, 0%, 24%.
How should I effectively use #6c2dc3 in UI design?
#6c2dc3 works best as a focused accent color rather than a large background block due to its high saturation. Use it for high-impact call-to-action buttons or small interactive elements where you need to draw the user's eye immediately.
What colors pair best with #6c2dc3?
Because of its intense energy, #6c2dc3 pairs well with high-contrast neutrals like off-white or slate to keep designs readable. For a complementary scheme, look to warm yellow-green tones, which create a vibrant, modern balance against this deep violet.
Is #6c2dc3 readable on white or black?
#6c2dc3 has a 7.49:1 contrast ratio on white and 2.80: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 is too faint for text. Try other pairs in the contrast checker.