#F0BAFF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This airy, unsaturated lavender feels light and youthful without being overwhelming. Because #f0baff offers high contrast with black, it works effectively for readable body text or UI backgrounds. It avoids the heaviness of darker violets and pairs best with soft charcoals or slate greys. The hex code for this delicate, cool-toned pastel is #f0baff.
Questions about #f0baff
What is #f0baff in RGB, HSL and CMYK?
In RGB, #f0baff is rgb(240, 186, 255), in HSL hsl(287, 100%, 86%) and in CMYK 6%, 27%, 0%, 0%.
What colors pair best with #f0baff for UI design?
#f0baff works best with neutral, grounding tones like charcoal or deep slate gray to maintain readability. These darker, muted shades prevent the lightness of the lavender from feeling too washed out when used for text or borders.
Is #f0baff a cool or warm lavender?
#f0baff is a distinctly cool-toned pastel because of its slight blue undertones. This makes it feel refreshing and crisp, avoiding the muddy quality that warmer, pinker purples might pick up when used in bright, screen-based design environments.
Is #f0baff readable on white or black?
#f0baff has a 1.59:1 contrast ratio on white and 13.17: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.