#5580F4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A vivid, high-energy blue, hex code #5580f4 brings immediate attention to digital interfaces. Its intense saturation makes it ideal for call-to-action buttons or small UI accents rather than large backgrounds, where it can overwhelm the viewer. Pair it with dark grays or clean white space to ground its intensity. Because it offers strong contrast against black text, it works reliably for accessible, clear typography.
Questions about #5580f4
What is #5580f4 in RGB, HSL and CMYK?
In RGB, #5580f4 is rgb(85, 128, 244), in HSL hsl(224, 88%, 65%) and in CMYK 65%, 48%, 0%, 4%.
Where should I use #5580f4 in my interface design?
#5580f4 functions best as a focused accent color rather than a primary background shade. It excels for primary call-to-action buttons, notification badges, or icon highlights where you need to draw the user's eye immediately without overwhelming the surrounding content.
What colors pair well with #5580f4 for a balanced palette?
This vibrant blue grounds well against neutral, deep tones like charcoal or slate, which stabilize its high energy. For a modern, clean interface, use it alongside expansive white space or soft off-white backgrounds to ensure the color remains readable.
Is #5580f4 readable on white or black?
#5580f4 has a 3.63:1 contrast ratio on white and 5.78:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.