#5654D6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Saturated and intense, #5654d6 is a bold indigo with a cool, electric presence. This shade demands attention, making it an ideal choice for high-impact accents or call-to-action buttons rather than large backgrounds. It pairs well with soft creams or warm grays to balance its loudness. The hex code for this color is #5654d6, which provides sufficient contrast for white text in most UI applications.
Questions about #5654d6
What is #5654d6 in RGB, HSL and CMYK?
In RGB, #5654d6 is rgb(86, 84, 214), in HSL hsl(241, 61%, 58%) and in CMYK 60%, 61%, 0%, 16%.
How can I effectively use #5654d6 in a UI design?
#5654d6 serves best as a high-contrast accent or a primary call-to-action button color rather than a background filler. It demands attention and works harmoniously when placed against neutral creams or light warm grays to anchor its electric intensity.
Is #5654d6 readable on white or black?
#5654d6 has a 5.77:1 contrast ratio on white and 3.63: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.