#CC57F3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Loud, saturated, unapologetic. #cc57f3 is a vivid violet with a pink-leaning edge that puts it close to deeper pink tones. Full-bleed backgrounds tire the eye fast, so spend it as an accent or on large display type against black. Black text over the hex code reads at 6.2:1 contrast, enough for WCAG AA body copy. Pair it with deep teal for real punch.
Questions about #cc57f3
What is #cc57f3 in RGB, HSL and CMYK?
In RGB, #cc57f3 is rgb(204, 87, 243), in HSL hsl(285, 87%, 65%) and in CMYK 16%, 64%, 0%, 5%.
What colors pair well with #cc57f3?
Deep teal and charcoal let its saturation pop without clashing. For a warmer mix, try gold accents or set it on a dark plum base.
Is black or white text better on #cc57f3?
Black text. It reaches about 6.2:1 contrast, which passes WCAG AA for body text, while white text falls short of that threshold on this shade.
Where does #cc57f3 work best in a design?
Small doses: buttons, highlights, gaming interfaces, and large display type. As a full background it overwhelms quickly and can wash out next to plain white.
Is #cc57f3 readable on white or black?
#cc57f3 has a 3.37:1 contrast ratio on white and 6.22: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.