#F7A8E4 Hex Color

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

Hex color #f7a8e4 graphic
#f7a8e4 is a high-key pastel magenta with a distinctly cool, glowing presence. It feels light and effervescent, making it an excellent choice for playful brand accents or soft UI backgrounds. Pair this hex code with dark charcoal or deep navy for high contrast that keeps text readable. Because of its intense brightness, use it sparingly as a 10 percent highlight rather than a dominant base.

Questions about #f7a8e4

What is #f7a8e4 in RGB, HSL and CMYK?
In RGB, #f7a8e4 is rgb(247, 168, 228), in HSL hsl(314, 83%, 81%) and in CMYK 0%, 32%, 8%, 3%.
What colors pair well with #f7a8e4?
This vibrant magenta creates a balanced, professional look when paired with deep, neutral tones like charcoal or dark navy. These dark, grounding colors provide the necessary contrast to keep your text readable while allowing the brightness of #f7a8e4 to pop as an accent.
How should I use #f7a8e4 in a design layout?
Use #f7a8e4 sparingly as a 10 percent highlight rather than a dominant base, as its intense brightness can easily overwhelm the eye. It is perfect for buttons, interactive elements, or soft background washes in playful, modern interfaces that aim for high energy.
Is #f7a8e4 readable on white or black?
#f7a8e4 has a 1.79:1 contrast ratio on white and 11.67: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.