#523ED6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, electric indigo commands immediate attention. Due to its high intensity, the hex code #523ed6 works best as a bold accent or call-to-action button rather than a massive background. It pairs effectively with soft, neutral grays to balance its presence. Designers can confidently use white text on this shade, as it maintains a clear 7.0:1 contrast ratio.
Questions about #523ed6
What is #523ed6 in RGB, HSL and CMYK?
In RGB, #523ed6 is rgb(82, 62, 214), in HSL hsl(248, 65%, 54%) and in CMYK 62%, 71%, 0%, 16%.
How can I effectively use #523ed6 in user interface design?
#523ed6 functions best as a high-contrast accent color for primary buttons, notification badges, or interactive elements. Because of its high saturation, avoid using it as a text color on large blocks, but it works perfectly when paired with white text for accessibility.
What colors pair best with #523ed6 for a balanced palette?
Is #523ed6 readable on white or black?
#523ed6 has a 6.95:1 contrast ratio on white and 3.01: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.