#F0F0FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Almost white, with just enough violet to read as pale lavender instead of grey. #f0f0ff earns its keep as a soft UI background, gentler than plain white but just as easy to design on. Next to true white it nearly vanishes, so keep darker neighbors nearby. Black text on this hex code reaches about 18.6:1 contrast, clearing AA for body copy with room to spare.
Questions about #f0f0ff
What is #f0f0ff in RGB, HSL and CMYK?
In RGB, #f0f0ff is rgb(240, 240, 255), in HSL hsl(240, 100%, 97%) and in CMYK 6%, 6%, 0%, 0%.
What colors pair well with #f0f0ff?
Deep, saturated partners work best. A dark plum or navy gives #f0f0ff the contrast it needs to feel intentional, while a warm accent like terracotta keeps it from reading sterile. Skip pale greys, they wash it out.
Is #f0f0ff a warm or cool color?
It reads cool in most settings thanks to its violet cast, though the saturation is so low it behaves like a near-neutral. Set it next to warm creams and it can look slightly grey.
Is #f0f0ff readable on white or black?
#f0f0ff has a 1.12:1 contrast ratio on white and 18.61: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.