#5724E6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-energy indigo is extremely saturated, making it far too intense for a full background. The hex code for this color is #5724e6. Use it as a small, deliberate accent to grab attention or for high-contrast calls to action. White text remains perfectly legible against this shade, ensuring accessibility for bold UI elements and typography in modern, expressive digital projects.
Questions about #5724e6
What is #5724e6 in RGB, HSL and CMYK?
In RGB, #5724e6 is rgb(87, 36, 230), in HSL hsl(256, 80%, 52%) and in CMYK 62%, 84%, 0%, 10%.
How should I use #5724e6 in a UI design?
Use #5724e6 strictly as an accent color for primary buttons, notification badges, or important call-to-action links to command attention. Because it is highly saturated, avoid using it as a full-page background color, as it can overwhelm the visual hierarchy and tire the viewer's eyes.
Does white text look good against #5724e6?
Yes, white text is exceptionally legible against this deep indigo because the high contrast ratio meets standard accessibility requirements for readability. This makes it an ideal choice for vibrant, readable buttons that need to stand out clearly against both dark and light modes.
Is #5724e6 readable on white or black?
#5724e6 has a 7.49:1 contrast ratio on white and 2.80: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.