#AB67E0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This vivid, high-chroma violet commands attention immediately. Because it is so saturated, #ab67e0 works best as a focused accent or bold call-to-action rather than a background. It supports black text with a solid 5.7:1 contrast ratio. When styling, pair this intense tone with dark neutrals; understanding what colors make gray helps ground its energy. The hex code for this shade is #ab67e0.
Questions about #ab67e0
What is #ab67e0 in RGB, HSL and CMYK?
In RGB, #ab67e0 is rgb(171, 103, 224), in HSL hsl(274, 66%, 64%) and in CMYK 24%, 54%, 0%, 12%.
Where should I use #ab67e0 in a website design?
#ab67e0 works best as a focused accent or a bold call-to-action button rather than a background color. Because it is highly saturated, it draws the eye immediately and helps guide user attention toward the most important interactive elements on your page.
What colors pair well with #ab67e0?
This intense violet pairs best with dark neutrals to help ground its energy. It creates a sophisticated, balanced contrast when used alongside charcoal or deep slate tones, preventing the high-chroma purple from overwhelming the rest of your color scheme.
Is #ab67e0 readable on white or black?
#ab67e0 has a 3.65:1 contrast ratio on white and 5.74: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.