#F7BCFF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, high-key lavender offers a serene, delicate presence in digital interfaces. The hex code #f7bcff works best as a soft background, providing strong accessibility when paired with black text. Since it is so light, avoid using it for small buttons or fine lines where it might wash out. It provides a gentle, airy touch for children’s products or feminine brand palettes.
Questions about #f7bcff
What is #f7bcff in RGB, HSL and CMYK?
In RGB, #f7bcff is rgb(247, 188, 255), in HSL hsl(293, 100%, 87%) and in CMYK 3%, 26%, 0%, 0%.
What colors pair well with #f7bcff?
#f7bcff works beautifully with deep charcoal or matte black text to ensure high readability. For a softer palette, combine this light lilac with cool grays or deep plum tones to create a balanced, sophisticated aesthetic.
Is #f7bcff suitable for UI design?
This shade is excellent as a soft, gentle background color, but it should be avoided for fine lines or small text. Because #f7bcff is very light, always pair it with a dark, high-contrast foreground color to meet accessibility standards.
Is #f7bcff readable on white or black?
#f7bcff has a 1.54:1 contrast ratio on white and 13.59: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.