#C70EC7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, high-chroma magenta commands attention instantly. Because it is so saturated, use the hex code #c70ec7 primarily as a small accent or a high-impact call to action rather than a background. It pairs well with deep neutral grays to provide necessary visual weight. White text reads clearly against this shade, meeting standard accessibility requirements with a 4.9:1 contrast ratio.
Questions about #c70ec7
What is #c70ec7 in RGB, HSL and CMYK?
In RGB, #c70ec7 is rgb(199, 14, 199), in HSL hsl(300, 87%, 42%) and in CMYK 0%, 93%, 0%, 22%.
How should I use #c70ec7 in a design layout?
#c70ec7 acts as a powerful high-impact accent or call to action button rather than a background shade. Because of its extreme saturation, it creates visual fatigue when covering large areas, so limit its use to draw immediate focus to key interface elements.
What colors pair well with the magenta #c70ec7?
This magenta balances perfectly against deep, cool neutrals like charcoal or dark slate gray to provide necessary visual weight. For a more adventurous palette, pairing it with high-contrast lime greens creates a retro-futuristic look, though these combinations require careful balance to maintain readability.
Is #c70ec7 readable on white or black?
#c70ec7 has a 4.86:1 contrast ratio on white and 4.31: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.