#587EB7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty blue feels restrained rather than cold. Because it is unsaturated, #587eb7 works best as a supporting element or background in professional UI design for finance or healthcare. It maintains sufficient contrast for black text, making it a reliable choice for readability. Use it sparingly alongside warmer grays to keep the composition from feeling too flat or washed out. The hex code is #587eb7.
Questions about #587eb7
What is #587eb7 in RGB, HSL and CMYK?
In RGB, #587eb7 is rgb(88, 126, 183), in HSL hsl(216, 40%, 53%) and in CMYK 52%, 31%, 0%, 28%.
What colors pair best with #587eb7 for professional UI designs?
Pair #587eb7 with charcoal or deep slate grays to ground the color, or use soft off-white backgrounds to keep the interface feeling clean. Avoid bright primary colors, as they will overwhelm this subtle, unsaturated blue and disrupt its balanced, corporate aesthetic.
Is #587eb7 readable on white or black?
#587eb7 has a 4.13:1 contrast ratio on white and 5.08: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.