#8B228B Hex Color

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

Hex color #8b228b graphic
This dark, saturated magenta carries high intensity and a moody tone. The hex code for this bold color is #8b228b. Because it sits on the darker end of the spectrum, it functions best as a striking accent rather than a full background. Pair it with crisp white text to maintain a 7.8:1 contrast ratio, which ensures clear readability for your body text.

Questions about #8b228b

What is #8b228b in RGB, HSL and CMYK?
In RGB, #8b228b is rgb(139, 34, 139), in HSL hsl(300, 61%, 34%) and in CMYK 0%, 76%, 0%, 45%.
How do I use #8b228b effectively in UI design?
#8b228b functions best as a striking accent color due to its dark and moody saturation levels. Use it sparingly for call-to-action buttons or highlights, and pair it with crisp white text to maintain a high contrast ratio for readability.
What colors pair well with #8b228b?
This deep magenta pairs harmoniously with neutral tones like soft cream or light gray to ground its intensity. For a more sophisticated or energetic scheme, try pairing it with complementary shades of teal or muted gold for added depth.
Is #8b228b readable on white or black?
#8b228b has a 7.77:1 contrast ratio on white and 2.69: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 is too faint for text. Try other pairs in the contrast checker.