#4F46E5 Hex Color
Electric indigo with high impact energy
This saturated indigo commands immediate attention in UI design. It works best as a high-impact accent or call-to-action rather than a background, where the intensity feels overpowering. Pair the hex code #4f46e5 with white text for maximum readability. If you need something less aggressive, consider other shades of blue to balance this bold, cool, and energetic hue.
Questions about #4f46e5
What is #4f46e5 in RGB, HSL and CMYK?
In RGB, #4f46e5 is rgb(79, 70, 229), in HSL hsl(243, 75%, 59%) and in CMYK 66%, 69%, 0%, 10%.
Why does #4f46e5 work well as an accent color in UI design?
#4f46e5 provides high visual saturation that naturally draws the eye, making it ideal for primary call-to-action buttons or highlighted navigation elements. It cuts through neutral layouts, provided you keep text white for readable contrast against this deep, energetic indigo background.
What colors pair effectively with #4f46e5?
This indigo shade works beautifully when grounded by neutral tones like light gray or crisp white to avoid visual fatigue. For more adventurous palettes, consider pairing it with soft yellow to create a vibrant, complementary contrast that balances the cool, deep tones.
Is #4f46e5 readable on white or black?
#4f46e5 has a 6.28:1 contrast ratio on white and 3.33: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.