#7C30C4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#7c30c4 is a highly saturated, energetic purple with a commanding presence. Its intensity makes it difficult to use as a primary background, but it serves perfectly as a powerful accent color for CTAs or highlights. Pair it with soft, warm neutrals to keep the design grounded. White text reads clearly against this shade, ensuring strong readability for UI elements. The hex code for this color is #7c30c4.
Questions about #7c30c4
What is #7c30c4 in RGB, HSL and CMYK?
In RGB, #7c30c4 is rgb(124, 48, 196), in HSL hsl(271, 61%, 48%) and in CMYK 37%, 76%, 0%, 23%.
How should I use #7c30c4 effectively in UI design?
#7c30c4 functions best as an accent color rather than a background because of its high saturation. Use it strategically for call-to-action buttons or highlights where you need to draw immediate user attention without overwhelming the overall layout.
What colors pair well with #7c30c4?
Balance the intensity of #7c30c4 by pairing it with soft, warm neutrals like cream or warm gray. These softer tones ground the boldness of the purple, ensuring the design feels sophisticated rather than chaotic or jarring.
Is #7c30c4 readable on white or black?
#7c30c4 has a 6.82:1 contrast ratio on white and 3.07: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.