#509EE1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A cool, lightly muted blue, #509ee1 brings a clear, dependable feel to finance, healthcare, and technology interfaces. Its moderate lightness suits buttons, links, and supporting panels more than full-page backgrounds, while black text provides about 7.3:1 contrast. Pair the hex code #509ee1 with navy or warm gray to reinforce trust without making the design feel flat.
Questions about #509ee1
What is #509ee1 in RGB, HSL and CMYK?
In RGB, #509ee1 is rgb(80, 158, 225), in HSL hsl(208, 71%, 60%) and in CMYK 64%, 30%, 0%, 12%. Browse more shades of blue with names and hex codes.
What colors pair well with #509ee1?
#509ee1 pairs well with navy for a cooler, trust-focused palette and warm gray for softer contrast, making both combinations useful for buttons, links, dashboards, and supporting panels in digital products.
Where does #509ee1 work best in a user interface?
#509ee1 works best for buttons, links, active states, and supporting panels rather than full-page backgrounds, where its moderate lightness can feel visually strong across large areas or compete with content on dense screens.
Is #509ee1 readable on white or black?
#509ee1 has a 2.86:1 contrast ratio on white and 7.31:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.