#6C5CE7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-energy and intense, #6c5ce7 is a saturated violet-indigo that demands attention. Because it is so loud, this shade works best as a 10% accent color for calls to action or UI highlights rather than a background. Pair it with soft, desaturated teals to ground its electric intensity. This hex code provides just enough contrast for white text to remain legible.
Questions about #6c5ce7
What is #6c5ce7 in RGB, HSL and CMYK?
In RGB, #6c5ce7 is rgb(108, 92, 231), in HSL hsl(247, 74%, 63%) and in CMYK 53%, 60%, 0%, 9%.
Where should I use #6c5ce7 in a design layout?
Because of its intense, high-energy saturation, #6c5ce7 functions best as a small-scale accent color rather than a large background fill. Use it sparingly for primary call-to-action buttons or important navigational icons to guide user attention without overwhelming the overall interface.
What colors pair well with #6c5ce7?
To ground the electric intensity of #6c5ce7, pair it with muted or desaturated tones like soft teal or a neutral slate gray. These cooler, quieter colors balance the violet's vibrancy, making your UI highlights stand out without clashing.
Is #6c5ce7 readable on white or black?
#6c5ce7 has a 4.85:1 contrast ratio on white and 4.32: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.