#F4B7DF Hex Color

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

Hex color #f4b7df graphic
#f4b7df is a light, airy magenta with a high-key, pastel quality. It reads as sweet and youthful, perfect for cosmetic branding or soft interface accents. Because it sits high on the lightness scale, it works best as a supporting tone rather than a dominant background. Pair it with charcoal gray text for excellent legibility, as black contrast is strong against this shade.

Questions about #f4b7df

What is #f4b7df in RGB, HSL and CMYK?
In RGB, #f4b7df is rgb(244, 183, 223), in HSL hsl(321, 73%, 84%) and in CMYK 0%, 25%, 9%, 4%.
What is the best way to use #f4b7df in web design?
Use #f4b7df sparingly as an accent color for buttons or subtle UI elements rather than large backgrounds. Because this magenta is so high-key, it pairs best with strong charcoal or dark gray text to maintain readability and visual balance across your layout.
What colors complement this shade of magenta?
This light magenta plays well with cool neutrals or muted greens. Try pairing #f4b7df with a deep slate to ground the sweetness, or use a soft mint to create a fresh, modern color palette that balances the warmth of the pink.
Is #f4b7df readable on white or black?
#f4b7df has a 1.65:1 contrast ratio on white and 12.68: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.