#2457F2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
The hex code #2457f2 is an intense, high-chroma blue that demands immediate attention. Because of its extreme saturation, it works best as a punchy accent or primary call-to-action button rather than a large-scale background. This color provides enough contrast for readable white text, meeting WCAG AA standards. Use it sparingly alongside soft grays or off-whites to balance its aggressive, tech-forward personality.
Questions about #2457f2
What is #2457f2 in RGB, HSL and CMYK?
In RGB, #2457f2 is rgb(36, 87, 242), in HSL hsl(225, 89%, 55%) and in CMYK 85%, 64%, 0%, 5%.
How should I use #2457f2 in UI design?
#2457f2 works best as a punchy accent color or a primary call-to-action button rather than a large background. Its extreme saturation demands attention, so pair it sparingly against neutral backgrounds like light gray or off-white to maintain balance.
Is #2457f2 readable on white or black?
#2457f2 has a 5.64:1 contrast ratio on white and 3.72:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.