#509AE4 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #509ae4 graphic
Reach for #509ae4 when a fintech dashboard or healthcare app needs a blue that feels dependable without shouting. This rather muted shade reads cool and steady, carrying the trust and reliability associations that make blue a fixture in finance and tech branding. It works best as a dominant base with a warm accent like amber or coral, since it can look washed out against plain white. Black text passes AA contrast on it at about 7.1:1, so body copy stays readable. Its hex code is #509ae4.

Questions about #509ae4

What is #509ae4 in RGB, HSL and CMYK?
In RGB, #509ae4 is rgb(80, 154, 228), in HSL hsl(210, 73%, 60%) and in CMYK 65%, 32%, 0%, 11%.
What colors pair well with #509ae4?
Warm accents like amber or coral give #509ae4 contrast and energy, while navy grounds it for a more corporate feel. Avoid pale grays, which can wash it out.
Is #509ae4 readable on white or black?
#509ae4 has a 2.96:1 contrast ratio on white and 7.08: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.