#507AEF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Bright, saturated blue with a cool, electric edge. #507aef earns its keep as an accent, think call-to-action buttons, link highlights, or trust cues in finance and tech interfaces. Black text stays readable on it at about 5.4:1 contrast, but at full background scale it can crowd fine detail. It looks sharper beside warm sand tones than plain white.
Questions about #507aef
What is #507aef in RGB, HSL and CMYK?
In RGB, #507aef is rgb(80, 122, 239), in HSL hsl(224, 83%, 63%) and in CMYK 67%, 49%, 0%, 6%.
What colors pair well with #507aef?
Warm neutrals like sand and cream balance its cool saturation, and charcoal type keeps designs grounded. Skip plain white backdrops, where this blue can read thin and washed out.
Is #507aef readable on white or black?
#507aef has a 3.90:1 contrast ratio on white and 5.37: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.