#7D3AB4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Saturated and vivid, #7d3ab4 is an intense violet with an undeniable presence. This bold shade demands attention, making it an excellent choice for high-impact accents or call-to-action buttons rather than large, dominant backgrounds. It pairs well with white text for optimal readability. Designers should use this hex code sparingly to maintain balance, as its high saturation can quickly overwhelm a layout.
Questions about #7d3ab4
What is #7d3ab4 in RGB, HSL and CMYK?
In RGB, #7d3ab4 is rgb(125, 58, 180), in HSL hsl(273, 51%, 47%) and in CMYK 31%, 68%, 0%, 29%.
How should I best use #7d3ab4 in a UI design?
Apply #7d3ab4 primarily as a functional accent color, such as for call-to-action buttons or highlighted navigation elements, rather than as a background color. Its high saturation level is effective for drawing the user's eye to specific interactive areas.
What colors pair well with the intense #7d3ab4?
Pair #7d3ab4 with neutral, clean colors like white or light gray to ensure maximum readability and balance. For more sophisticated palettes, it works alongside cool slate or soft, muted tones to prevent the violet from becoming visually chaotic.
Is #7d3ab4 readable on white or black?
#7d3ab4 has a 6.69:1 contrast ratio on white and 3.13: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.