#F0F0F0 Hex Color

An airy and restrained neutral grey

Hex color #f0f0f0 graphic
#f0f0f0 is an extremely pale, neutral grey that feels airy and restrained. Because it is nearly white, use it as a subtle background to create negative space without the harshness of pure white. It pairs well with charcoal typography, where it offers high contrast for readability. Keep in mind that this shade can look washed out or invisible when placed directly next to brighter white elements.

Questions about #f0f0f0

What is #f0f0f0 in RGB, HSL and CMYK?
In RGB, #f0f0f0 is rgb(240, 240, 240), in HSL hsl(0, 0%, 94%) and in CMYK 0%, 0%, 0%, 6%.
When should I choose #f0f0f0 over pure white for website backgrounds?
Choose #f0f0f0 when you need to create a visual boundary between content blocks without the jarring intensity of full white. It provides enough separation to define layouts while keeping the overall aesthetic soft, approachable, and easy on the eyes.
What colors pair well with #f0f0f0 in a design palette?
Because #f0f0f0 is so neutral, it functions best as a canvas for deep, saturated tones like charcoal or navy. These high-contrast pairings ensure your text or primary UI elements remain legible against the extremely light, airy backdrop.
Is #f0f0f0 readable on white or black?
#f0f0f0 has a 1.13:1 contrast ratio on white and 18.42: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.