#7842AA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated violet #7842aa commands attention with its intense, bold character. Because it maintains a 6.6:1 contrast ratio against white, it remains readable as small UI text or calls to action. Use this hex code as a focused accent rather than a dominant background to prevent it from overwhelming your layout. Pair it with muted grays to balance its high energy.
Questions about #7842aa
What is #7842aa in RGB, HSL and CMYK?
In RGB, #7842aa is rgb(120, 66, 170), in HSL hsl(271, 44%, 46%) and in CMYK 29%, 61%, 0%, 33%.
Does #7842aa work well for UI text or buttons?
Yes, #7842aa maintains a strong 6.6:1 contrast ratio against white, making it highly readable for small interface text or calls to action. It effectively draws the eye without needing large surface areas to make an impact.
Which colors pair best with #7842aa?
Muted, neutral grays are ideal for balancing the high energy of #7842aa in a layout. Because it is so saturated, pairing it with desaturated tones or charcoal prevents the design from becoming overwhelming to the viewer.
Is #7842aa readable on white or black?
#7842aa has a 6.64:1 contrast ratio on white and 3.15: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.