#8523F8 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intensely saturated violet commands attention with high-energy output. The hex code #8523f8 works best as a bold accent or highlight rather than a dominant background, as its sheer loudness can overwhelm a design. It pairs effectively with white text, which maintains high readability against this deep, electrified tone. Use it sparingly in UI designs to draw the eye directly to calls to action.
Questions about #8523f8
What is #8523f8 in RGB, HSL and CMYK?
In RGB, #8523f8 is rgb(133, 35, 248), in HSL hsl(268, 94%, 55%) and in CMYK 46%, 86%, 0%, 3%.
Where should I use #8523f8 in a web interface?
#8523f8 works best as a punchy accent for call-to-action buttons or small interactive elements rather than a background. Because this violet is so intense, it can easily overwhelm a layout if used across large, dominant surface areas.
What colors pair well with the #8523f8 violet?
This vibrant violet balances well against crisp white text, which ensures maximum readability and pop. For a sophisticated secondary color, consider pairing it with a muted slate gray or a soft cream to ground its high energy.
Is #8523f8 readable on white or black?
#8523f8 has a 5.84:1 contrast ratio on white and 3.59: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.