#5761E1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#5761e1 is a bold, electric indigo with a cool, saturated intensity that demands attention. Because it is so vivid, it works best as an accent color for calls to action or UI highlights rather than a background. White text sits cleanly against this hex code, meeting accessibility standards for readability. Pair it with soft grays or creams to ground its high energy in your design system.
Questions about #5761e1
What is #5761e1 in RGB, HSL and CMYK?
In RGB, #5761e1 is rgb(87, 97, 225), in HSL hsl(236, 70%, 61%) and in CMYK 61%, 57%, 0%, 12%.
How should I effectively use #5761e1 in web design?
#5761e1 works best as a punchy accent color for calls to action, navigation highlights, or interactive UI elements. Because of its high saturation, it can overwhelm a layout if used as a primary background, so pair it with generous amounts of neutral white space.
What colors pair well with #5761e1 to balance its intensity?
To ground the high energy of #5761e1, pair it with soft, muted neutrals like charcoal or warm creams. These pairings allow the electric intensity of the indigo to pop without creating visual fatigue for the user interface.
Is #5761e1 readable on white or black?
#5761e1 has a 4.99:1 contrast ratio on white and 4.20: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.