#257EF9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, saturated blue demands immediate attention. Because of its high chroma, #257ef9 works best as a punchy accent or a high-contrast call to action button rather than a large background fill. Pair it with dark grays to ground its electric energy. With a contrast ratio of 5.4:1, black text remains perfectly legible over this hex code, ensuring usability in interface design.
Questions about #257ef9
What is #257ef9 in RGB, HSL and CMYK?
In RGB, #257ef9 is rgb(37, 126, 249), in HSL hsl(215, 95%, 56%) and in CMYK 85%, 49%, 0%, 2%.
Where should I use #257ef9 in a design?
#257ef9 is best used as a bold accent color rather than a large background fill. It works effectively for call to action buttons or primary interface elements where you need to draw immediate user attention and signal interactive functionality.
What colors pair well with #257ef9?
This blue pairs exceptionally well with dark charcoal or deep slate grays to ground its electric energy. Using dark neutral tones creates a strong, professional contrast that keeps the vibrancy of #257ef9 from becoming visually overwhelming on a screen.
Is #257ef9 readable on white or black?
#257ef9 has a 3.86:1 contrast ratio on white and 5.43: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.