#4F46E4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-intensity indigo commands attention with its electric saturation. Because #4f46e4 is so vivid, it works best as a primary action color or an accent rather than a large background. It pairs exceptionally well with muted grays or creams to keep the design grounded. Use white text over this shade for maximum readability, as it easily meets accessibility standards for small body copy.
Questions about #4f46e4
What is #4f46e4 in RGB, HSL and CMYK?
In RGB, #4f46e4 is rgb(79, 70, 228), in HSL hsl(243, 75%, 58%) and in CMYK 65%, 69%, 0%, 11%.
Where should I use #4f46e4 in web design?
#4f46e4 works best as a primary action color or a high-contrast accent, such as on buttons or active icons. Because it is so vivid, avoid using it for large backgrounds or body text, as it may overwhelm the user.
What colors pair well with #4f46e4?
This indigo pairs exceptionally well with neutral tones like soft creams or muted charcoal to keep your design grounded. Using high-contrast white text over #4f46e4 ensures excellent readability and keeps your UI accessible for all users.
Is #4f46e4 readable on white or black?
#4f46e4 has a 6.30:1 contrast ratio on white and 3.32: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.