#F4BAE2 Hex Color

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

Hex color #f4bae2 graphic
This pastel magenta carries a soft, unsaturated glow that feels approachable and youthful. Because #f4bae2 offers high contrast for readable typography, it functions well as a background color for UI design and brand packaging. Pair this hex code with a sharp, deep charcoal to prevent the palette from feeling too washed out or overly saccharine. It works best in moderate amounts to avoid dominating a design.

Questions about #f4bae2

What is #f4bae2 in RGB, HSL and CMYK?
In RGB, #f4bae2 is rgb(244, 186, 226), in HSL hsl(319, 73%, 84%) and in CMYK 0%, 24%, 7%, 4%.
What colors pair best with #f4bae2?
This pastel magenta works best when grounded by deep neutrals like charcoal or deep espresso to provide necessary visual weight. For a more playful scheme, try pairing #f4bae2 with a muted sage green to create a sophisticated, modern, and balanced contrast.
Is #f4bae2 a warm or cool color?
While it originates from a magenta base, the unsaturated nature of #f4bae2 pulls it toward a neutral-warm territory. It lacks the intense heat of a pure pink, making it feel more approachable and less jarring in large-scale digital applications.
Is #f4bae2 readable on white or black?
#f4bae2 has a 1.61:1 contrast ratio on white and 12.96: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.