#9174E0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated violet possesses an intense, electric energy that demands attention. Because it dominates visually, use the hex code #9174e0 sparingly as a bold accent or call-to-action button rather than a primary background. It pairs well with clean, dark grays to ground its flamboyance. Since black text maintains a strong 5.8:1 contrast ratio against this hue, it remains readable for UI elements.
Questions about #9174e0
What is #9174e0 in RGB, HSL and CMYK?
In RGB, #9174e0 is rgb(145, 116, 224), in HSL hsl(256, 64%, 67%) and in CMYK 35%, 48%, 0%, 12%.
What colors pair best with #9174e0?
Because #9174e0 is so visually dominant, it pairs most effectively with deep, neutral tones like charcoal or slate gray. These grounded colors prevent the brightness of the violet from becoming overwhelming, maintaining a balanced and professional look.
Is #9174e0 suitable for large blocks of text?
No, you should avoid using #9174e0 for body text or large backgrounds. Its high saturation creates too much visual vibration, which causes eye strain over time. Reserve this hue exclusively for small, punchy UI elements like primary buttons or important status icons.
Is #9174e0 readable on white or black?
#9174e0 has a 3.63:1 contrast ratio on white and 5.77: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.