#F0F0F0 color: very pale gray hex code and RGB values

#F0F0F0 is RGB 240, 240, 240, a very pale neutral gray at 94% lightness. It is a common card and panel color: against white it measures only 1.13:1, while #333333 text on it reaches 11.08:1.

By Paul Gunder. Every value is computed from published standards; see how ColorPlum works.

Updated November 10, 2026

ColorPlum swatch#F0F0F0very pale gray

HEX: #F0F0F0
RGB: rgb(240, 240, 240)
HSL: hsl(0, 0%, 94%)

Best text on it: black at 18.42:1

Build a palette Make a gradient Check contrast Wallpaper

#F0F0F0#F0F0F0

Every code for #F0F0F0

HEX#F0F0F0
RGBrgb(240, 240, 240)
HSLhsl(0, 0%, 94%)
HSV0°, 0%, 94%
CMYK0%, 0%, 0%, 6%
Lablab(94.8% 0 0)
OKLCHoklch(95.5% 0 89.9)
Decimal15790320

Tints, shades and tones

From white to black in 10% steps, with #F0F0F0 in the middle. Tap a code to copy it.

90%#FEFEFE
80%#FCFCFC
70%#FBFBFB
60%#F9F9F9
50%#F8F8F8
40%#F6F6F6
30%#F5F5F5
20%#F3F3F3
10%#F2F2F2
Base#F0F0F0
10%#D8D8D8
20%#C0C0C0
30%#A8A8A8
40%#909090
50%#787878
60%#606060
70%#484848
80%#303030
90%#181818

Tones (mixed with gray)

10%#E5E5E5
20%#DADADA
30%#CECECE
40%#C3C3C3
50%#B8B8B8
60%#ADADAD
70%#A2A2A2
80%#969696
90%#8B8B8B

Matching colors

Complementary

Analogous

Triadic

Split complementary

Tetradic (square)

Monochromatic

#A3A3A3
#CACACA
#F0F0F0
#F5F5F5
#F5F5F5

#F0F0F0 in 3D color space

OKLab, the space ColorPlum does its math in: lightness runs up the pole, hue goes around it and saturation grows outward. The faint shell is every color a screen can show (saturation is drawn wider than lightness so hues separate). Drag to turn it.

#F0F0F0 with its complement, its triad and its tint and shade

#F0F0F0
Triad #F0F0F0
Triad #F0F0F0
Complement
50% tint
50% shade

#F0F0F0 in use

New collectionAutumn edit

Card body text stays dark for reading; #f0f0f0 carries the header and the button.

Shop nowTag

Headline in #F0F0F0

A paragraph with a link in dark text, because this color is too light for text on white; use it for fills instead.

How it looks with color-vision deficiency

A simulation (Machado and colleagues, 2009) of how the color and its complement read without one type of cone.

Typical color vision#F0F0F0
Protanopia (no red cones)#F0F0F0
Deuteranopia (no green cones)#F0F0F0
Tritanopia (no blue cones)#F0F0F0

Contrast and readability

Pairing	Ratio	WCAG 2.2
as text on white	1.13:1	AA AA large AAA
as text on black	18.42:1	AA AA large AAA
white text on it	1.13:1	AA AA large AAA
black text on it	18.42:1	AA AA large AAA
on your background	1.00:1	AA AA large AAA

Try a background

Export

:root {
  --f0f0f0: #f0f0f0;
  --f0f0f0-rgb: 240 240 240;
  --f0f0f0-on: #000000;
}

On this page

Hex #F0F0F0 has no three-digit shorthand, because F0 is not a repeated digit. Every channel is 240, so HSL gives it zero hue, zero saturation and 94% lightness. The CMYK estimate is 0%, 0%, 0%, 6%, and the decimal value is 15790320. It is exactly 15 steps below pure white on each channel.

The panel gray

If one job fits this color best, it is the card or panel. Place a #F0F0F0 box on a white page and you see a soft block with no border, no shadow and almost no visual weight. Against white the ratio is 1.13:1, which is why it never feels heavy. Place the same box on a #F8F8F8 page and the difference shrinks to 1.07:1, which is barely visible; if you want your cards to be seen, keep the page pure white.

Reading text on it

Dark text does very well on this gray. #333333 gives 11.08:1, and a deep navy such as #112233 gives 14.16:1. For a link or alert color, a deep red like #990000 gives 7.82:1, enough for AAA at body size. Going the other way, #F0F0F0 as text on black measures 18.42:1, which makes it a gentle off-white for dark mode.

Names

The nearest CSS name is whitesmoke (#F5F5F5), 1.5 OKLab units away, so you could swap the two without most people noticing. linen, lavenderblush and aliceblue are next, about 2 units off, but all three carry a warm, pink or blue tint. In the xkcd list the nearest answers are "very light pink" and "pale grey" (#FDFDFE). If you need a named light gray in your own style sheet, whitesmoke is the closest standard name.

Tints and shades

Moving toward white, the tints are #F2F2F2, #F3F3F3, #F5F5F5 and so on up to #FEFEFE, which are only one or two channel steps apart. The shades are far more spread: #D8D8D8 at 10%, #C0C0C0 at 20%, #A8A8A8 at 30% and #909090 at 40%. For hover states, the 10% shade #D8D8D8 is a safe step darker.

Worked example

You are building an analytics dashboard for a small shop: a white canvas with a row of summary cards. Fill each card with #F0F0F0, set the numbers in #112233 and the labels in #333333. With the figures at 14.16:1 and the labels at 11.08:1, the cards stay legible even on a cheap laptop screen. Give the one warning card a thin #990000 border and the same dark text. Skip drop shadows entirely; the gentle gray block is enough to separate the cards, and your design stays flat and easy to maintain.