#AA2E51 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated red with distinct purple undertones carries a heavy, serious mood. #aa2e51 works best as a punchy accent color in UI design, particularly for primary buttons or important alerts. White text maintains a strong 6.5:1 contrast ratio against this hex code, ensuring readability. Pair it with warm, neutral off-whites instead of stark white to soften the intensity for larger backgrounds.
Questions about #aa2e51
What is #aa2e51 in RGB, HSL and CMYK?
In RGB, #aa2e51 is rgb(170, 46, 81), in HSL hsl(343, 57%, 42%) and in CMYK 0%, 73%, 52%, 33%. Browse more shades of pink with names and hex codes.
What colors pair best with #aa2e51?
#aa2e51 works beautifully alongside warm, neutral off-whites or soft creams, which effectively balance its intense, saturated nature. For more dynamic palettes, pairing it with desaturated teals or muted golds creates a sophisticated, professional contrast that highlights its unique red-purple character.
Is #aa2e51 suitable for UI design text?
Using #aa2e51 for body text is generally not recommended as its high saturation can cause significant eye strain during long periods of reading. It is much better suited as a punchy, high-visibility accent color for primary buttons, important status alerts, or graphical dividers.
Is #aa2e51 readable on white or black?
#aa2e51 has a 6.52:1 contrast ratio on white and 3.21: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.