#587BEC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#587bec is a bold, electric blue with a saturated, high-energy profile. Because it commands attention, this shade works best as a punchy accent or a primary call-to-action button rather than a large background fill. Pair it with crisp white or deep charcoal to ground the intensity. This hex code provides excellent contrast for black text, ensuring readability in UI applications like financial or security dashboards.
Questions about #587bec
What is #587bec in RGB, HSL and CMYK?
In RGB, #587bec is rgb(88, 123, 236), in HSL hsl(226, 80%, 64%) and in CMYK 63%, 48%, 0%, 7%.
Where should I use #587bec in my UI design?
#587bec functions best as a punchy accent or a primary call-to-action button rather than a large background fill. Its high intensity naturally draws the user eye, making it ideal for highlighting specific interactive elements within a financial or security dashboard.
What colors pair well with #587bec?
Pair #587bec with crisp white or deep charcoal to ground the intensity of the blue. These neutral pairings ensure the color remains readable while maintaining a professional, high-contrast aesthetic that works well for both light and dark mode interfaces.
Is #587bec readable on white or black?
#587bec has a 3.84:1 contrast ratio on white and 5.45: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.