#4F70F5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-intensity blue grabs attention instantly. Because it is so loud and brilliant, use #4f70f5 as a bold accent rather than a full background to avoid overwhelming the viewer. Black text provides a 5.0:1 contrast ratio, making it legible for UI elements or buttons. The hex code for this electric tone is #4f70f5, which pairs surprisingly well with muted mustard yellows for a sharp, modern contrast.
Questions about #4f70f5
What is #4f70f5 in RGB, HSL and CMYK?
In RGB, #4f70f5 is rgb(79, 112, 245), in HSL hsl(228, 89%, 64%) and in CMYK 68%, 54%, 0%, 4%.
What colors pair best with #4f70f5 for a modern design?
#4f70f5 works exceptionally well when balanced against muted mustard or soft charcoal. The sharp contrast between the electric, saturated blue and earth-toned yellows creates a modern, high-energy aesthetic perfect for contemporary web interfaces or bold brand accents.
Is #4f70f5 readable on white or black?
#4f70f5 has a 4.22:1 contrast ratio on white and 4.96: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.