#5E8CC1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated blue has a matte quality that feels grounded and professional. Because it offers high readability with black text, #5e8cc1 works well as a background color for interfaces requiring a sense of security and control. It avoids being too vivid, making it a reliable supporting tone for finance or healthcare branding. Use this hex code when you need a cool, understated base that keeps designs readable.
Questions about #5e8cc1
What is #5e8cc1 in RGB, HSL and CMYK?
In RGB, #5e8cc1 is rgb(94, 140, 193), in HSL hsl(212, 44%, 56%) and in CMYK 51%, 27%, 0%, 24%.
Where should I use #5e8cc1 in a user interface?
#5e8cc1 serves best as a background color for professional interfaces that require a sense of stability and security, such as financial dashboards or healthcare portals. It creates a calm, non-distracting environment that allows primary call-to-action buttons to stand out.
What colors pair well with the #5e8cc1 hex color?
Pair #5e8cc1 with a crisp off-white or light gray for a clean, modern aesthetic that maximizes readability. For a more sophisticated, grounded look, combine it with deep charcoal text, which anchors the muted blue without feeling as harsh as pure black.
Is #5e8cc1 readable on white or black?
#5e8cc1 has a 3.50:1 contrast ratio on white and 5.99: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.