#9B228D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, intense magenta is bold and loud. It works best as a punchy accent color rather than a primary background, where it can become overwhelming. Pair #9b228d with a crisp, neutral charcoal to ground its flamboyant energy. Because this hex code has a high contrast ratio, white text remains readable and sharp against it for UI buttons and call-to-action elements.
Questions about #9b228d
What is #9b228d in RGB, HSL and CMYK?
In RGB, #9b228d is rgb(155, 34, 141), in HSL hsl(307, 64%, 37%) and in CMYK 0%, 78%, 9%, 39%.
What colors pair best with #9b228d?
Pair #9b228d with a crisp, neutral charcoal to effectively ground its flamboyant energy. This high-contrast combination allows the intense magenta to pop without becoming visually overwhelming, making it an excellent choice for modern UI buttons and call-to-action design elements.
Is #9b228d suitable for text?
This magenta works well for large, bold text elements where you need high visibility and a punchy aesthetic. However, avoid using it for long paragraphs or small body copy, as the extreme saturation can strain the eyes during extended reading sessions.
Is #9b228d readable on white or black?
#9b228d has a 6.98:1 contrast ratio on white and 3.00: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.