#563ED4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-chroma violet-indigo, #563ed4, commands attention with its intense, electric saturation. Because this shade is so vivid, it works best as a bold accent rather than a background color. Pair it with soft, muted grays to ground the energy or use white text to ensure readability. The hex code #563ed4 provides a modern, high-contrast pop for digital interfaces and creative branding projects.
Questions about #563ed4
What is #563ed4 in RGB, HSL and CMYK?
In RGB, #563ed4 is rgb(86, 62, 212), in HSL hsl(250, 64%, 54%) and in CMYK 59%, 71%, 0%, 17%.
Does #563ed4 work well as a full-page background?
Avoid using #563ed4 as a full-page background because its intense saturation can quickly fatigue the eyes. Instead, use this powerful violet-indigo as a bold call-to-action button or a vibrant accent against charcoal or soft white backgrounds.
Is #563ed4 readable on white or black?
#563ed4 has a 6.91:1 contrast ratio on white and 3.03: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.