#F2A7E9 Hex Color

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

Hex color #f2a7e9 graphic
This pastel magenta is light, airy, and carries a strong, playful energy. Because it is highly saturated, it works best as an accent color rather than a large-scale background, which can overwhelm the viewer. Pair it with charcoal gray or deep navy to ground its sweetness and maintain legibility. The hex code #f2a7e9 provides excellent contrast for black text, making it a reliable choice for readable UI elements.

Questions about #f2a7e9

What is #f2a7e9 in RGB, HSL and CMYK?
In RGB, #f2a7e9 is rgb(242, 167, 233), in HSL hsl(307, 74%, 80%) and in CMYK 0%, 31%, 4%, 5%.
What colors pair well with #f2a7e9 for a balanced design?
Because #f2a7e9 is a highly saturated pastel, it is best balanced by anchoring it with dark neutrals like charcoal or navy. These deeper tones ground the playfulness of the magenta and ensure your primary text remains readable.
Is #f2a7e9 a good choice for text on a white background?
Using #f2a7e9 for text is generally discouraged as it lacks sufficient contrast against white to meet standard accessibility requirements. It serves better as a vibrant accent for buttons, borders, or graphical elements rather than for long-form reading.
Is #f2a7e9 readable on white or black?
#f2a7e9 has a 1.82:1 contrast ratio on white and 11.47: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.