#F4AAB2 Hex Color

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

Select a Color

This pale, unsaturated pink carries a gentle warmth that softens any layout. Because it sits on the lighter end of the spectrum, #f4aab2 provides excellent contrast for black text, making it a functional choice for readable UI backgrounds. It pairs well with charcoal grays or deep teals to avoid appearing too sugary. Use this hex code as a soothing base rather than an accent.

Questions about #f4aab2

What is #f4aab2 in RGB, HSL and CMYK?

In RGB, #f4aab2 is rgb(244, 170, 178), in HSL hsl(354, 77%, 81%) and in CMYK 0%, 30%, 27%, 4%.

What colors pair well with #f4aab2?

#f4aab2 works best when grounded by darker, neutral tones to prevent it from appearing overly sugary. Pair it with charcoal or navy to create a sophisticated balance, or use deep teal to add a modern, grounded contrast to your design.

Is #f4aab2 readable on white or black?

#f4aab2 has a 1.86:1 contrast ratio on white and 11.23:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.

#F4AAB2 Hex Color

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

Questions about #f4aab2

Color tools

Resources