#5C4BF4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-intensity and vivid, this electric indigo demands attention. Its saturation makes it ideal for bold calls to action or as a concentrated accent rather than a background color. Because the hex code #5c4bf4 provides a 5.6:1 contrast ratio against white text, it works well for UI elements that require high readability. Use it sparingly to inject energy into tech or creative brand palettes.
Questions about #5c4bf4
What is #5c4bf4 in RGB, HSL and CMYK?
In RGB, #5c4bf4 is rgb(92, 75, 244), in HSL hsl(246, 88%, 63%) and in CMYK 62%, 69%, 0%, 4%.
How does #5c4bf4 perform in user interface design?
The #5c4bf4 hex color provides a 5.6:1 contrast ratio against white, making it a reliable choice for text and interactive UI elements. It stands out significantly on light backgrounds while maintaining standard readability guidelines for modern digital products.
Which colors create a balanced palette with #5c4bf4?
Because #5c4bf4 is such a vibrant and saturated indigo, it pairs effectively with soft lavender for a monochromatic effect or vivid lime for high-contrast, energetic brand pairings. Using it alongside neutral tones prevents the color from overwhelming your design.
Is #5c4bf4 readable on white or black?
#5c4bf4 has a 5.57:1 contrast ratio on white and 3.76: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.