#507CF9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#507cf9 is a strong, saturated blue with real punch. Its high chroma makes it a natural call-to-action or accent color, though full backgrounds can overpower a layout. Black text on top reaches about 5.6:1 contrast, so it passes WCAG AA behind small body copy. If it feels too loud, mixing gray into it gives a calmer supporting tone.
Questions about #507cf9
What is #507cf9 in RGB, HSL and CMYK?
In RGB, #507cf9 is rgb(80, 124, 249), in HSL hsl(224, 93%, 65%) and in CMYK 68%, 50%, 0%, 2%.
What colors pair well with #507cf9?
#507cf9 pairs well with charcoal for contrast, warm coral for energy, and soft off-whites for breathing room. Its saturation is high, so mute the surrounding palette and let this blue carry the accents.
Is black or white text better on #507cf9?
Black text is the safer choice on #507cf9, reaching about 5.6:1 contrast and passing WCAG AA for small body text. White text lands near 3.8:1, which works for large type but fails AA at small sizes.
Is #507cf9 readable on white or black?
#507cf9 has a 3.75:1 contrast ratio on white and 5.59: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.