#AB4FDF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-intensity and unabashedly bold, this saturated purple commands attention in any interface. The hex code #ab4fdf functions best as an accent color for calls to action or highlights, rather than a full background. It pairs surprisingly well with muted tones if you need to know what colors make gray to balance the energy. Black text maintains the best contrast against this bright hue.
Questions about #ab4fdf
What is #ab4fdf in RGB, HSL and CMYK?
In RGB, #ab4fdf is rgb(171, 79, 223), in HSL hsl(278, 69%, 59%) and in CMYK 23%, 65%, 0%, 13%.
How should I use #ab4fdf in a UI design?
#ab4fdf works best as a deliberate accent rather than a primary background color because of its intense saturation. Use it sparingly for call-to-action buttons, notification badges, or icon highlights to ensure it commands attention without overwhelming the user interface.
Is #ab4fdf readable on white or black?
#ab4fdf has a 4.27:1 contrast ratio on white and 4.91: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.