#AB0A58 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense magenta strikes a balance between boldness and depth, functioning best as a high-impact accent color. Because of its high saturation, it can overwhelm large UI areas, so use it sparingly to draw attention to buttons or specific design elements. White text remains highly readable over this shade. The hex code for this saturated hue is #ab0a58.
Questions about #ab0a58
What is #ab0a58 in RGB, HSL and CMYK?
In RGB, #ab0a58 is rgb(171, 10, 88), in HSL hsl(331, 89%, 35%) and in CMYK 0%, 94%, 49%, 33%.
How should #ab0a58 be used in UI design?
#ab0a58 functions best as a high-impact accent, such as for primary call-to-action buttons or status indicators, rather than for large backgrounds. Its intense saturation can cause eye strain on full-page layouts, so keep its usage limited to smaller, meaningful elements.
What colors pair well with #ab0a58?
Is #ab0a58 readable on white or black?
#ab0a58 has a 7.20:1 contrast ratio on white and 2.91: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 is too faint for text. Try other pairs in the contrast checker.