#4074E2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#4074e2 is a bold, high-energy blue with significant saturation. It commands attention and pairs well with sharp, clean greys or crisp whites for modern interface accents. While powerful in branding, use it sparingly as a 10% highlight color to avoid overwhelming the viewer. Because black text maintains a strong 4.8:1 contrast ratio against it, the hex code #4074e2 works effectively for functional UI elements like buttons.
Questions about #4074e2
What is #4074e2 in RGB, HSL and CMYK?
In RGB, #4074e2 is rgb(64, 116, 226), in HSL hsl(221, 74%, 57%) and in CMYK 72%, 49%, 0%, 11%.
How should #4074e2 be used in user interface design?
Use #4074e2 sparingly as a 10% highlight color to draw attention to primary call-to-action buttons without overwhelming the screen. It balances well against clean whites and neutral greys while maintaining necessary visual hierarchy in modern digital layouts.
Is #4074e2 readable on white or black?
#4074e2 has a 4.36:1 contrast ratio on white and 4.81: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.