#4885EF Hex Color

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

Hex color #4885ef graphic
#4885ef is a bold, highly saturated blue that demands attention without feeling aggressive. Because of its intensity and clarity, it works best as a punchy accent rather than a full background color, where it can easily overwhelm the eye. Pair this shade with soft grays or clean white for a balanced look. The hex code for this primary tone is #4885ef.

Questions about #4885ef

What is #4885ef in RGB, HSL and CMYK?
In RGB, #4885ef is rgb(72, 133, 239), in HSL hsl(218, 84%, 61%) and in CMYK 70%, 44%, 0%, 6%.
Where should I use #4885ef in a design layout?
#4885ef works best as a focused accent rather than a primary background color, as its high saturation can easily overwhelm the eye. Use this shade for interactive elements like primary buttons, links, or notification icons to guide user attention.
Which neutral colors pair well with #4885ef?
Pair #4885ef with crisp whites or soft cool grays to balance its intensity and maintain a clean, professional aesthetic. Using charcoal for text or borders also creates a sophisticated contrast that keeps the design feeling modern and readable.
Is #4885ef readable on white or black?
#4885ef has a 3.57:1 contrast ratio on white and 5.87: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.