#4A34EF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This highly saturated, electric indigo commands attention with its intense, beaming energy. While #4a34ef can feel overwhelming as a background, it serves as an excellent, punchy accent for calls to action or modern UI elements. It pairs surprisingly well with muted, desaturated oranges to ground its brightness. White text remains perfectly legible over this shade, making it a functional choice for high-contrast, bold design systems.
Questions about #4a34ef
What is #4a34ef in RGB, HSL and CMYK?
In RGB, #4a34ef is rgb(74, 52, 239), in HSL hsl(247, 85%, 57%) and in CMYK 69%, 78%, 0%, 6%.
How can #4a34ef be used effectively in UI design?
Use #4a34ef sparingly as a high-contrast accent for buttons, links, or alert states where you need to grab attention immediately. Because it is so saturated, pairing it with charcoal or soft white text prevents the design from feeling visually chaotic.
What colors complement the intensity of #4a34ef?
Muted, earthy tones provide the best balance for the electric energy of #4a34ef. Specifically, incorporating a desaturated terracotta or soft sand helps ground the indigo and creates a sophisticated color scheme that feels modern rather than overwhelming.
Is #4a34ef readable on white or black?
#4a34ef has a 6.93:1 contrast ratio on white and 3.02: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.