#C62ED1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This ultra-saturated violet demands attention with its intense, high-energy chroma. Because #c62ed1 is so bright, use it sparingly as a 10% accent color rather than a primary background to avoid visual fatigue. It pairs unexpectedly well with deep charcoal grays, which ground its loudness. Black text remains legible against this hex code, making it a viable option for high-contrast, bold UI elements.
Questions about #c62ed1
What is #c62ed1 in RGB, HSL and CMYK?
In RGB, #c62ed1 is rgb(198, 46, 209), in HSL hsl(296, 64%, 50%) and in CMYK 5%, 78%, 0%, 18%.
How should #c62ed1 be used in a professional design?
Treat #c62ed1 as a deliberate 10% accent color to maintain visual balance. Because of its intense chroma, applying it to primary backgrounds often causes eye fatigue, but it remains perfect for call-to-action buttons or highlights where high visibility is required.
What colors pair well with the brightness of #c62ed1?
This violet thrives when paired with charcoal or deep, neutral grays that ground its loudness. These dark, muted tones provide the necessary contrast to let the vibrancy of #c62ed1 pop without overwhelming the rest of your color palette.
Is #c62ed1 readable on white or black?
#c62ed1 has a 4.45:1 contrast ratio on white and 4.71: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.