#AB4563 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #ab4563 graphic
This muted, warm pink sits in a mellow space between berry and dusty rose. The hex code for this shade is #ab4563. Because it carries decent visual weight, it works best as a grounding accent against creamy off-whites or soft teals. White text remains legible over this tone, making it a useful choice for UI elements requiring femininity without appearing too bright or juvenile.

Questions about #ab4563

What is #ab4563 in RGB, HSL and CMYK?
In RGB, #ab4563 is rgb(171, 69, 99), in HSL hsl(342, 43%, 47%) and in CMYK 0%, 60%, 42%, 33%.
What colors pair effectively with #ab4563?
#ab4563 functions best as an accent against neutral, earthy palettes. It pairs beautifully with creamy off-white for readability or soft teal to create a sophisticated, high-contrast balance. Use this muted tone when you need a feminine touch without overwhelming the UI.
Is #ab4563 appropriate for UI text or buttons?
White text remains highly legible against #ab4563, making it a reliable choice for buttons or notification badges. Because it has sufficient visual weight, it serves well as a primary call-to-action color that feels grounded rather than bright or juvenile.
Is #ab4563 readable on white or black?
#ab4563 has a 5.58:1 contrast ratio on white and 3.76: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.