#F7A3BD Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pastel pink balances high lightness with moderate saturation to create a fresh, youthful appearance. Because #f7a3bd offers strong contrast against black text, it serves as a reliable background for UI elements. Pair this shade with charcoal gray rather than white to avoid a washed-out look. The hex code #f7a3bd works best as a soft accent color to maintain a balanced, professional palette.
Questions about #f7a3bd
What is #f7a3bd in RGB, HSL and CMYK?
In RGB, #f7a3bd is rgb(247, 163, 189), in HSL hsl(341, 84%, 80%) and in CMYK 0%, 34%, 23%, 3%.
Does #f7a3bd work well for text?
While #f7a3bd provides decent contrast against standard black text, it is best utilized as an accent or background color rather than a primary font color. Using it for large headings or button backgrounds keeps the design readable while maintaining its soft, friendly aesthetic.
What colors pair well with #f7a3bd?
This pastel pink is most effective when grounded by darker, neutral tones like charcoal or deep slate, which prevent the layout from appearing washed out. You can also pair it with soft cream or muted earth tones to create a balanced, professional palette.
Is #f7a3bd readable on white or black?
#f7a3bd has a 1.92:1 contrast ratio on white and 10.92: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.