#946CC9 Hex Color

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

Hex color #946cc9 graphic
This fairly saturated violet leans into cool tones, projecting a sense of mystery and modern luxury. Because black text maintains high contrast against this shade, it works well for UI elements like buttons or primary branding. The hex code #946cc9 performs best as an accent color rather than a large background, where it can easily overwhelm a design palette. Pair it with muted grays for balance.

Questions about #946cc9

What is #946cc9 in RGB, HSL and CMYK?
In RGB, #946cc9 is rgb(148, 108, 201), in HSL hsl(266, 46%, 61%) and in CMYK 26%, 46%, 0%, 21%.
How should I use #946cc9 in my website interface?
#946cc9 functions best as a high-impact accent color rather than a primary background shade, which can easily overwhelm a layout. It works effectively for call-to-action buttons or navigation highlights where its inherent vibrancy commands user attention against neutral gray or off-white backgrounds.
What colors pair well with #946cc9 for a balanced design?
This violet pairs most successfully with muted neutrals, particularly charcoal or soft silver, which allow the color to stand out without causing visual fatigue. For a more sophisticated palette, consider monochromatic variations or desaturated teals to ground the intensity of the purple.
Is #946cc9 readable on white or black?
#946cc9 has a 4.00:1 contrast ratio on white and 5.24: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.