#9C74ED Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #9c74ed graphic
This saturated violet acts as a high-energy accent for modern UI designs and branding. It balances intensity with a crisp, cool undertone, making it perfect for call-to-action buttons or small graphic highlights where you need immediate attention. Because black text maintains a strong 6.1:1 contrast ratio against it, #9c74ed functions well for readable small-scale typography. Pair it with dark grays to ground the color.

Questions about #9c74ed

What is #9c74ed in RGB, HSL and CMYK?
In RGB, #9c74ed is rgb(156, 116, 237), in HSL hsl(260, 77%, 69%) and in CMYK 34%, 51%, 0%, 7%.
What colors pair well with #9c74ed in interface design?
#9c74ed works best when grounded by neutral tones to balance its intensity. Try pairing it with charcoal for high-contrast text or a soft slate to keep the overall look modern and readable.
Is #9c74ed suitable for small-scale typography?
Yes, #9c74ed maintains a 6.1:1 contrast ratio against black text, making it a reliable choice for readable small-scale typography in UI design. It ensures your interface remains accessible without sacrificing the visual impact of the violet hue.
Is #9c74ed readable on white or black?
#9c74ed has a 3.42:1 contrast ratio on white and 6.13:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.