#7C34EE Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-intensity and unabashed, #7c34ee is a saturated violet that demands attention. Because it commands such visual weight, use this hex code as a ten percent accent rather than a full background. It pairs cleanly with stark white text, maintaining readable contrast for UI elements. Use this shade sparingly in gaming interfaces or modern branding to inject bold energy without overwhelming your layout.
Questions about #7c34ee
What is #7c34ee in RGB, HSL and CMYK?
In RGB, #7c34ee is rgb(124, 52, 238), in HSL hsl(263, 85%, 57%) and in CMYK 48%, 78%, 0%, 7%.
How should I incorporate #7c34ee into my design system?
Use #7c34ee sparingly as a high-impact accent color, covering roughly ten percent of your layout to avoid overwhelming the user. It functions best alongside neutral backgrounds like light gray or stark white, which help ground its intense energy.
Is #7c34ee suitable for text on a white background?
While #7c34ee is highly saturated, it can struggle with WCAG accessibility requirements for small body text against white. Reserve this violet for bold headlines, active button states, or smaller iconography to ensure readability remains high while keeping the design striking.
Is #7c34ee readable on white or black?
#7c34ee has a 5.86:1 contrast ratio on white and 3.58: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.