#F7A5BF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This light, unsaturated pink feels fresh and approachable without veering into neon territory. Because it is quite airy, #f7a5bf works best as a primary background or a soft highlight in UI design. It pairs surprisingly well with deep charcoal or slate greys, which ground its sweetness. With high contrast against black text, this hex code is an accessible choice for body copy or headlines.
Questions about #f7a5bf
What is #f7a5bf in RGB, HSL and CMYK?
In RGB, #f7a5bf is rgb(247, 165, 191), in HSL hsl(341, 84%, 81%) and in CMYK 0%, 33%, 23%, 3%.
How can I balance the sweetness of #f7a5bf in my design?
You can ground the inherent softness of #f7a5bf by pairing it with strong, neutral tones. Using a deep charcoal or slate grey for your typography or border elements creates high contrast, effectively preventing the design from feeling too light or washed out.
Is #f7a5bf readable on white or black?
#f7a5bf has a 1.89:1 contrast ratio on white and 11.08: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.