#F8BAFC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This airy, high-key lavender is extremely light and saturated. Because #f8bafc sits on the pale end of the spectrum, it works best as a soft, ethereal background or a gentle accent color in cosmetic and wellness branding. It pairs beautifully with deep charcoal or matte black text, which provides the necessary contrast to keep the design readable and grounded.
Questions about #f8bafc
What is #f8bafc in RGB, HSL and CMYK?
In RGB, #f8bafc is rgb(248, 186, 252), in HSL hsl(296, 92%, 86%) and in CMYK 2%, 26%, 0%, 1%.
How should I use #f8bafc in interface design?
Apply #f8bafc sparingly as an ethereal accent or a soft, calming background color. It thrives in cosmetic or wellness-focused branding, but avoid using it for primary UI elements like buttons, as its extreme lightness lacks the visibility required for functional interactivity.
Is #f8bafc readable on white or black?
#f8bafc has a 1.56:1 contrast ratio on white and 13.42: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.