#AB00F5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This electric shade delivers pure intensity, demanding immediate attention in any interface. Because of its extreme saturation, #ab00f5 functions best as a high-impact accent or CTA button rather than a background. Use white text over this color to achieve a 5.2:1 contrast ratio, ensuring excellent readability. The hex code #ab00f5 packs a visual punch, making it a powerful choice for bold branding projects.
Questions about #ab00f5
What is #ab00f5 in RGB, HSL and CMYK?
In RGB, #ab00f5 is rgb(171, 0, 245), in HSL hsl(282, 100%, 48%) and in CMYK 30%, 100%, 0%, 4%.
How should I use #ab00f5 in my interface design?
Use #ab00f5 sparingly as a high-impact accent or primary call-to-action button rather than a background. Its extreme saturation demands immediate attention, so pair it with clean white text to ensure readability and maintain a strong 5.2:1 contrast ratio for better accessibility.
What colors pair well with #ab00f5?
Is #ab00f5 readable on white or black?
#ab00f5 has a 5.18:1 contrast ratio on white and 4.05:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.