#AF3ED8 Hex Color

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

Hex color #af3ed8 graphic
This saturated violet is a bold, high-energy choice that demands immediate attention. Due to its intensity, #af3ed8 works best as a punchy accent or a call to action rather than a dominant background. Pair it with soft grays to ground the look, as it can easily overwhelm a layout. The hex code for this vivid shade is #af3ed8. White text remains readable against it.

Questions about #af3ed8

What is #af3ed8 in RGB, HSL and CMYK?
In RGB, #af3ed8 is rgb(175, 62, 216), in HSL hsl(284, 66%, 55%) and in CMYK 19%, 71%, 0%, 15%.
How should #af3ed8 be used in design?
#af3ed8 is best utilized as a punchy accent rather than a dominant background because its high intensity can easily overwhelm a layout. Try pairing it with neutral light-gray backgrounds to balance the visual energy while maintaining readability for your text.
Is #af3ed8 readable on white or black?
#af3ed8 has a 4.66:1 contrast ratio on white and 4.50: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 for body text. Try other pairs in the contrast checker.