#F1DAFB Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#f1dafb is a very pale, unsaturated violet that feels delicate and airy. Because it is so light, black text remains highly readable against it, making it perfect for clean UI backgrounds. Pair this hex code with darker, punchy colors like charcoal or deep plum to keep designs from looking washed out. Avoid using it for fine details since it can fade away on bright screens.
Questions about #f1dafb
What is #f1dafb in RGB, HSL and CMYK?
In RGB, #f1dafb is rgb(241, 218, 251), in HSL hsl(282, 80%, 92%) and in CMYK 4%, 13%, 0%, 2%.
What colors pair well with #f1dafb?
Because #f1dafb is extremely light, it pairs effectively with dark, high-contrast colors like charcoal or deep plum. Avoid using it for fine text or thin lines, as it tends to fade out on bright screens and loses its visual impact.
Is #f1dafb a warm or cool color?
#f1dafb sits on the cool side of the spectrum, carrying the inherent soothing qualities of violet without the intensity of a darker purple. It functions as a neutral pastel, making it versatile for backgrounds that require a soft but modern feel.
Is #f1dafb readable on white or black?
#f1dafb has a 1.29:1 contrast ratio on white and 16.16: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.