#AF6BE0 Hex Color

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

Select a Color

This bold, high-energy violet commands attention with its intense saturation. Because #af6be0 is quite vivid, it works best as a punchy accent rather than a background. Pair it with deep charcoal or muted olive to ground its brightness. The hex code for this color is #af6be0, and it offers enough contrast for black text to remain legible in small details or UI elements.

Questions about #af6be0

What is #af6be0 in RGB, HSL and CMYK?

In RGB, #af6be0 is rgb(175, 107, 224), in HSL hsl(275, 65%, 65%) and in CMYK 22%, 52%, 0%, 12%.

How should I use #af6be0 in a color scheme?

#af6be0 acts as a high-energy accent, so it pairs most effectively with muted neutrals like charcoal or olive to prevent visual fatigue. Keep it away from bright, competing neons to maintain balance and ensure your primary design elements remain the focal point.

Is #af6be0 readable on white or black?

#af6be0 has a 3.49:1 contrast ratio on white and 6.00: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.

#AF6BE0 Hex Color

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

Questions about #af6be0

Color tools

Resources