#573FD3 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #573fd3 graphic
#573fd3 is a saturated, intense indigo that commands attention with its vivid, electric character. Because it holds significant weight, it works best as a bold accent or call-to-action button rather than a primary background. Pair it with soft cream or white for high contrast. If you need other shades of purple, this hex code serves as a powerful, high-energy starting point for modern UI designs.

Questions about #573fd3

What is #573fd3 in RGB, HSL and CMYK?
In RGB, #573fd3 is rgb(87, 63, 211), in HSL hsl(250, 63%, 54%) and in CMYK 59%, 70%, 0%, 17%.
How should I use #573fd3 in interface design?
#573fd3 is best reserved for interactive elements like primary buttons or notification badges because of its intense, high-energy saturation. Avoid using it as a large background or primary text color, as it can cause significant eye strain at scale.
Is #573fd3 readable on white or black?
#573fd3 has a 6.86:1 contrast ratio on white and 3.05: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.