#AF5CF2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense violet demands attention with its high saturation and energy. Because it is so bright, use #af5cf2 primarily as an accent color or for calls to action rather than large backgrounds. It pairs well with dark charcoals, as black text provides a high-contrast read. If you are struggling with balanced palettes, learning how to make gray can help tone down this aggressive hue.
Questions about #af5cf2
What is #af5cf2 in RGB, HSL and CMYK?
In RGB, #af5cf2 is rgb(175, 92, 242), in HSL hsl(273, 85%, 65%) and in CMYK 28%, 62%, 0%, 5%.
What colors pair best with #af5cf2?
Because #af5cf2 is extremely vibrant, it pairs best with neutral tones that ground its energy. Using it alongside deep charcoal or slate allows the violet to pop as an accent without overwhelming your user interface or design layout.
Is #af5cf2 a good choice for text?
Avoid using #af5cf2 for body text as it lacks sufficient contrast against most backgrounds and causes eye strain. It works most effectively when reserved for interface highlights, button borders, or small icons that need to capture immediate user attention.
Is #af5cf2 readable on white or black?
#af5cf2 has a 3.72:1 contrast ratio on white and 5.63: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.