#9666FC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This vivid, high-chroma violet commands attention with its intense, electric energy. Because it is so loud, the hex code #9666fc works best as a punchy accent or a call-to-action button rather than a full-page background. It pairs exceptionally well with dark grays, offering enough contrast to read clearly with black text. If you struggle to balance this brightness, consider mixing gray to ground your overall palette.
Questions about #9666fc
What is #9666fc in RGB, HSL and CMYK?
In RGB, #9666fc is rgb(150, 102, 252), in HSL hsl(259, 96%, 69%) and in CMYK 40%, 60%, 0%, 1%.
Where should I use #9666fc in a web design?
#9666fc is best reserved for interactive elements like primary buttons, notification badges, or small UI icons that need to stand out from a neutral layout. Because of its high intensity, avoid using it for large blocks of text or full-page backgrounds.
What colors pair well with #9666fc?
This vibrant violet pairs best with deep, neutral tones like charcoal or slate, which provide the necessary contrast to keep the design readable. It can also create a high-energy palette when contrasted against complementary yellow-green accents or soft, desaturated off-whites.
Is #9666fc readable on white or black?
#9666fc has a 3.74:1 contrast ratio on white and 5.60: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.