#F296AD Hex Color

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

Hex color #f296ad graphic
This warm, pastel pink feels youthful and inviting. The hex code #f296ad works best as a supporting accent, as its brightness can fatigue the eye in large areas. Pair it with deep charcoal or slate for a modern, grounded contrast. It offers excellent legibility for typography, as black copy provides a sharp 9.7:1 contrast ratio against this hue. Use it sparingly in branding for a playful touch.

Questions about #f296ad

What is #f296ad in RGB, HSL and CMYK?
In RGB, #f296ad is rgb(242, 150, 173), in HSL hsl(345, 78%, 77%) and in CMYK 0%, 38%, 29%, 5%.
How should I use #f296ad in a design layout?
#f296ad is best utilized as a vibrant accent color rather than a primary background because its high saturation can quickly fatigue the eye. Use it for buttons, icons, or highlighting key information to maintain a balanced, readable interface.
Which colors pair effectively with #f296ad?
To ground the brightness of #f296ad, pair it with deep, neutral tones like charcoal or slate. These dark, matte colors provide a sharp contrast that makes the pink feel intentional and modern rather than overwhelming.
Is #f296ad readable on white or black?
#f296ad has a 2.15:1 contrast ratio on white and 9.74: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.