#F7AFC9 Hex Color

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

Hex color #f7afc9 graphic
This unsaturated pastel pink carries a warm, mellow tone that feels youthful and gentle. Because it provides high contrast with black text, #f7afc9 works well as a background color for UI design where readability matters. Pair it with charcoal or deep olive greens to ground its sweetness, as the color can appear too sugary when matched with lighter pastels. The hex code for this shade is #f7afc9.

Questions about #f7afc9

What is #f7afc9 in RGB, HSL and CMYK?
In RGB, #f7afc9 is rgb(247, 175, 201), in HSL hsl(338, 82%, 83%) and in CMYK 0%, 29%, 19%, 3%.
What colors pair well with #f7afc9 in a design?
Because #f7afc9 is quite light and sugary, it pairs best with darker, grounding neutrals like charcoal or deep olive to create necessary contrast. Avoid matching it with other light pastels, as this often leads to a washed-out, illegible interface.
Is #f7afc9 a good choice for UI backgrounds?
#f7afc9 works exceptionally well as a background color for interfaces where readability is key, provided you use high-contrast text like black or dark gray. Its warm, unsaturated nature keeps it from being visually fatiguing for the user over long periods.
Is #f7afc9 readable on white or black?
#f7afc9 has a 1.76:1 contrast ratio on white and 11.93: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.