#8B22A5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#8b22a5 is a loud, high-saturation purple that demands attention. Because of its intensity, use this hex code sparingly as a 10% accent rather than a dominant background. It pairs well with slate grays or muted creams. White text remains legible against this shade with a contrast ratio of 7.3:1, making it a functional choice for UI elements like buttons or notification badges.
Questions about #8b22a5
What is #8b22a5 in RGB, HSL and CMYK?
In RGB, #8b22a5 is rgb(139, 34, 165), in HSL hsl(288, 66%, 39%) and in CMYK 16%, 79%, 0%, 35%.
How can I effectively use #8b22a5 in user interface design?
Reserve #8b22a5 for high-contrast accent elements like active buttons or notification badges rather than large backgrounds. Because of its extreme intensity, it functions best when covering less than ten percent of your total screen real estate.
What colors pair well with #8b22a5 for a balanced design?
Balance the visual weight of #8b22a5 by pairing it with neutral tones like slate or muted creams. These desaturated backgrounds ground the intensity of the purple, allowing the color to stand out without overpowering your content or layout.
Is #8b22a5 readable on white or black?
#8b22a5 has a 7.31:1 contrast ratio on white and 2.86: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.