#AF5FFF Hex Color

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

Hex color #af5fff graphic
This intense violet is highly saturated and demands attention. Because it is so loud and electric, use #af5fff sparingly as a bold accent color rather than a primary background. It pairs surprisingly well with deep forest greens or dark charcoals to ground its energy. Designers often select this hex code for gaming interfaces or modern branding where a high-contrast pop is needed.

Questions about #af5fff

What is #af5fff in RGB, HSL and CMYK?
In RGB, #af5fff is rgb(175, 95, 255), in HSL hsl(270, 100%, 69%) and in CMYK 31%, 63%, 0%, 0%.
How can I effectively use #af5fff without overwhelming my design?
#af5fff is highly saturated and functions best as a focused accent rather than a primary background color. Use it sparingly to draw the eye to buttons or call-to-action elements, and ground its intense energy by pairing it with dark neutrals like charcoal.
Is #af5fff readable on white or black?
#af5fff has a 3.55:1 contrast ratio on white and 5.90:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.