#4C20C7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#4c20c7 is a saturated, electric indigo that commands attention. Because it is so intense, it works best as an accent color rather than a large-scale background. It pairs exceptionally well with muted grays or sharp whites to temper its boldness. The hex code for this powerful indigo is #4c20c7. Use it in UI design to highlight critical calls to action or modern, moody branding.
Questions about #4c20c7
What is #4c20c7 in RGB, HSL and CMYK?
In RGB, #4c20c7 is rgb(76, 32, 199), in HSL hsl(256, 72%, 45%) and in CMYK 62%, 84%, 0%, 22%.
What color combinations work best with #4c20c7?
#4c20c7 is a powerful, saturated shade that needs neutral grounding to feel balanced in a design. It works exceptionally well when paired with a crisp white or a soft light gray to tone down its high intensity.
Where should I use #4c20c7 in a user interface?
This color is best suited for small, high-impact UI elements like primary call-to-action buttons or navigation highlights. Because of its intensity, using #4c20c7 for large backgrounds can overwhelm the viewer, so keep it strictly as an accent.
Is #4c20c7 readable on white or black?
#4c20c7 has a 8.97:1 contrast ratio on white and 2.33: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 is too faint for text. Try other pairs in the contrast checker.