#C671E8 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-intensity and unabashedly loud, #c671e8 brings immediate attention to any design. This brilliant, saturated violet creates a strong impact, making it an ideal choice for high-energy accents like calls to action or gaming interfaces. Pair it with dark charcoal for the best legibility, as black text remains sharp and clear against its surface. Use this hex code sparingly to avoid overwhelming your layout.
Questions about #c671e8
What is #c671e8 in RGB, HSL and CMYK?
In RGB, #c671e8 is rgb(198, 113, 232), in HSL hsl(283, 72%, 68%) and in CMYK 15%, 51%, 0%, 9%.
How do I use #c671e8 in UI design without overwhelming users?
Use #c671e8 strictly as a focal point or high-energy call-to-action button rather than for large background areas. Its extreme saturation competes with other elements, so balance it by placing it against dark, muted neutrals like charcoal to maintain visual hierarchy.
Does #c671e8 function well as a text color?
Avoid using #c671e8 for body text because its intensity causes eye strain and fails most accessibility contrast ratios against light backgrounds. If you must use it for typography, reserve it for large headings or single-word decorative accents on a very dark, nearly black background.
Is #c671e8 readable on white or black?
#c671e8 has a 3.03:1 contrast ratio on white and 6.92:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.