#575BF2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This electric indigo, hex code #575bf2, features high saturation that demands immediate attention. Due to its intensity, designers should use it as a 10% accent color for call-to-action buttons rather than a background. It maintains strong contrast against white text, making it distinct. For a more subtle look, try pairing it with other shades of blue or muted neutrals to ground the energy.
Questions about #575bf2
What is #575bf2 in RGB, HSL and CMYK?
In RGB, #575bf2 is rgb(87, 91, 242), in HSL hsl(238, 86%, 65%) and in CMYK 64%, 62%, 0%, 5%.
What is the best way to use #575bf2 in a UI design?
Because #575bf2 is highly saturated, it serves best as a purposeful accent color rather than a primary background or text color. Use it for call-to-action buttons or small UI elements where you need to draw the eye immediately.
Does #575bf2 pair well with neutral colors?
Yes, #575bf2 anchors beautifully against muted neutrals, which prevent the color from overwhelming the composition. Pair this electric indigo with light gray or off-white backgrounds to let the intensity of the hue stand out clearly without creating visual fatigue.
Is #575bf2 readable on white or black?
#575bf2 has a 5.01:1 contrast ratio on white and 4.18: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.