#9C06B7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, saturated violet commands immediate attention, making it ideal for high-impact accents or buttons rather than large backgrounds. Because of its high chroma, it demands clean, white typography for optimal readability, boasting a 6.7:1 contrast ratio that ensures accessibility. Use hex code #9c06b7 to add energy and a touch of luxury to your interface designs without overwhelming the user.
Questions about #9c06b7
What is #9c06b7 in RGB, HSL and CMYK?
In RGB, #9c06b7 is rgb(156, 6, 183), in HSL hsl(291, 94%, 37%) and in CMYK 15%, 97%, 0%, 28%.
Can I use #9c06b7 for body text?
No, #9c06b7 is too dark and saturated to use as a primary text color against most backgrounds, as it lacks sufficient contrast for long-form reading. It functions best as a vibrant UI accent or a bold call-to-action button color.
What colors pair well with #9c06b7?
This saturated violet pairs beautifully with lemon yellow to create a high-energy complementary contrast, or with softer cool gray tones to ground its intensity. Using it alongside neutral off-whites helps keep your interface design clean and modern.
Is #9c06b7 readable on white or black?
#9c06b7 has a 6.72:1 contrast ratio on white and 3.12: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.