#4848E7 Hex Color

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

Hex color #4848e7 graphic
This intense blue commands attention with its high saturation and cool undertones. Because #4848e7 is so vivid, it works best as a bold accent or call-to-action button rather than a primary background. It pairs exceptionally well with stark white text, maintaining strong legibility. The hex code #4848e7 brings a modern, electric energy to UI projects that need to stand out immediately.

Questions about #4848e7

What is #4848e7 in RGB, HSL and CMYK?
In RGB, #4848e7 is rgb(72, 72, 231), in HSL hsl(240, 77%, 59%) and in CMYK 69%, 69%, 0%, 9%.
How can I use #4848e7 in UI design effectively?
#4848e7 is a high-energy accent that performs best when used sparingly for call-to-action buttons or interactive elements against neutral backgrounds. Avoid using it for large text blocks, as its extreme saturation can overwhelm the viewer's eyes over long periods.
What colors pair well with #4848e7 for a balanced palette?
Pair #4848e7 with high-contrast neutrals like white or very dark charcoal to maintain clean readability. If you want a more complex scheme, adding a desaturated yellow or a soft coral provides a complementary punch without clashing with the blue's intensity.
Is #4848e7 readable on white or black?
#4848e7 has a 6.25:1 contrast ratio on white and 3.35: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.