#9E14F5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-intensity violet demands attention with its aggressive saturation. Because #9e14f5 is so visually loud, avoid using it for large backgrounds, where it can easily strain the eyes. Instead, apply it as a high-impact accent or CTA button to guide user focus. Pair it with dark, muted grays or charcoals for balance. White text remains legible against this hex code, making it suitable for bold, modern UI components.
Questions about #9e14f5
What is #9e14f5 in RGB, HSL and CMYK?
In RGB, #9e14f5 is rgb(158, 20, 245), in HSL hsl(277, 92%, 52%) and in CMYK 36%, 92%, 0%, 4%.
How should I use #9e14f5 in my designs?
Apply #9e14f5 strictly for high-impact accents or call-to-action buttons rather than large backgrounds. Its aggressive saturation creates eye strain on bigger areas, but it effectively directs user focus toward key interface elements when used sparingly.
Which colors pair best with #9e14f5?
Pair this violet with deep, muted tones like charcoal or dark grays to provide necessary visual relief. High-contrast neutral backgrounds allow the vibrancy of #9e14f5 to pop without overwhelming the user or causing readability issues.
Is #9e14f5 readable on white or black?
#9e14f5 has a 5.42:1 contrast ratio on white and 3.87: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.