#F0F5FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This ultra-light blue carries a crisp, grey undertone that keeps it grounded and professional. Because it is highly desaturated, #f0f5ff works as an excellent, subtle background for UI designs, especially when you need high contrast for black body text. It pairs well with slate greys or deep charcoals to build clean, minimalist layouts. Avoid using it alongside stark white, where it may look muddy or unintentional.
Questions about #f0f5ff
What is #f0f5ff in RGB, HSL and CMYK?
In RGB, #f0f5ff is rgb(240, 245, 255), in HSL hsl(220, 100%, 97%) and in CMYK 6%, 4%, 0%, 0%.
How can I effectively use #f0f5ff in web design?
#f0f5ff functions best as a neutral, off-white background replacement that provides a soft, professional finish without the harshness of true white. It ensures excellent readability when paired with deep charcoal or dark navy text for interface components.
Does #f0f5ff read as cool or warm?
This color reads distinctly cool due to its blue hue and crisp grey undertone. Because it is highly desaturated, it maintains a neutral, professional character that feels clean and modern, avoiding the sterile or clinical feeling of pure, bright whites.
Is #f0f5ff readable on white or black?
#f0f5ff has a 1.09:1 contrast ratio on white and 19.21: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.