#A12D48 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#a12d48 is a saturated, brick-red tone with strong intensity and warm, grounding undertones. Its boldness makes it excellent for attention-grabbing accents or call-to-action buttons in UI design. Because it holds such weight, use it sparingly as a 10% accent rather than a dominant background. White text creates a sharp, readable contrast against this dark, moody shade, ensuring it remains effective for small details.
Questions about #a12d48
What is #a12d48 in RGB, HSL and CMYK?
In RGB, #a12d48 is rgb(161, 45, 72), in HSL hsl(346, 56%, 40%) and in CMYK 0%, 72%, 55%, 37%.
How should #a12d48 be used in UI design?
Use #a12d48 sparingly as a 10% accent rather than a dominant background color to maintain visual balance. Its high intensity makes it ideal for call-to-action buttons or small graphical details that require immediate attention from the user.
What color pairings work well with #a12d48?
Because #a12d48 is a warm, saturated brick-red, it pairs effectively with clean white text to ensure readability. For secondary accents, try pairing it with cool gray or deep navy to ground the intensity of the hue.
Is #a12d48 readable on white or black?
#a12d48 has a 7.03:1 contrast ratio on white and 2.98: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.