#F5BDFC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, cool purple leans into a soft, unsaturated lavender aesthetic. The hex code #f5bdfc functions best as a dominant background in clean, modern UI designs. It provides excellent contrast for black or dark charcoal text, ensuring high legibility for small body copy. Use it carefully to maintain its delicate, airy quality, as it can appear washed out if paired with too many other bright pastels.
Questions about #f5bdfc
What is #f5bdfc in RGB, HSL and CMYK?
In RGB, #f5bdfc is rgb(245, 189, 252), in HSL hsl(293, 91%, 86%) and in CMYK 3%, 25%, 0%, 1%.
What colors pair well with #f5bdfc?
#f5bdfc pairs beautifully with dark, high-contrast neutrals like charcoal or deep slate to ensure legibility. For a softer palette, combine it with muted sage or dusty rose to maintain that airy, delicate aesthetic without overwhelming the eye.
Is #f5bdfc suitable for text-heavy UI designs?
#f5bdfc works best as a background color rather than for body text. Due to its high lightness and pale saturation, it provides excellent contrast for dark headings or buttons but should not be used for small, fine print.
Is #f5bdfc readable on white or black?
#f5bdfc has a 1.54:1 contrast ratio on white and 13.56: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.