#5756C0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated indigo carries a high-energy intensity that grabs attention immediately. Because #5756c0 is so bold and vivid, it works best as an accent color for calls to action or UI highlights rather than a full background. Pair it with crisp white text to maintain readability, as the contrast ratio is solid. This hex code provides a sharp, cool punch that brings structural definition to any layout.
Questions about #5756c0
What is #5756c0 in RGB, HSL and CMYK?
In RGB, #5756c0 is rgb(87, 86, 192), in HSL hsl(241, 46%, 55%) and in CMYK 55%, 55%, 0%, 25%. Browse more shades of purple with names and hex codes.
How should I use #5756c0 in a UI design?
#5756c0 works best as an accent color for calls to action, active states, or navigation highlights rather than as a large background fill. Its high intensity grabs immediate attention, ensuring your key interactive elements stand out against a neutral interface.
What colors pair well with #5756c0?
Pair #5756c0 with white text to ensure maximum readability and a clean, high-contrast look. For broader palettes, it works effectively alongside muted neutrals like charcoal or soft off-whites, which help ground the intensity of the indigo without clashing with its cool undertones.
Is #5756c0 readable on white or black?
#5756c0 has a 6.00:1 contrast ratio on white and 3.49: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.