#EEEEEE color: light gray hex code, RGB and shades

#EEEEEE is RGB 238, 238, 238, a neutral light gray at 93% lightness. It is a classic page and divider color: against white it measures only 1.16:1, so treat it as a background, never as text.

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

Updated November 10, 2026

ColorPlum swatch#EEEEEEpale gray

HEX: #EEEEEE
RGB: rgb(238, 238, 238)
HSL: hsl(0, 0%, 93%)

Best text on it: black at 18.09:1

Build a palette Make a gradient Check contrast Wallpaper

#EEEEEE#EEEEEE

Every code for #EEEEEE

HEX#EEEEEE
RGBrgb(238, 238, 238)
HSLhsl(0, 0%, 93%)
HSV0°, 0%, 93%
CMYK0%, 0%, 0%, 7%
Lablab(94.1% 0 0)
OKLCHoklch(94.9% 0 89.9)
Decimal15658734

Tints, shades and tones

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

90%#FDFDFD
80%#FCFCFC
70%#FAFAFA
60%#F8F8F8
50%#F7F7F7
40%#F5F5F5
30%#F3F3F3
20%#F1F1F1
10%#F0F0F0
Base#EEEEEE
10%#D6D6D6
20%#BEBEBE
30%#A7A7A7
40%#8F8F8F
50%#777777
60%#5F5F5F
70%#474747
80%#303030
90%#181818

Tones (mixed with gray)

10%#E3E3E3
20%#D8D8D8
30%#CDCDCD
40%#C2C2C2
50%#B7B7B7
60%#ACACAC
70%#A1A1A1
80%#969696
90%#8B8B8B

Matching colors

Complementary

Analogous

Triadic

Split complementary

Tetradic (square)

Monochromatic

#A2A2A2
#C8C8C8
#EEEEEE
#F5F5F5
#F5F5F5

#EEEEEE 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.

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

#EEEEEE
Triad #EEEEEE
Triad #EEEEEE
Complement
50% tint
50% shade

#EEEEEE in use

New collectionAutumn edit

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

Shop nowTag

Headline in #EEEEEE

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#EEEEEE
Protanopia (no red cones)#EEEEEE
Deuteranopia (no green cones)#EEEEEE
Tritanopia (no blue cones)#EEEEEE

Contrast and readability

Pairing	Ratio	WCAG 2.2
as text on white	1.16:1	AA AA large AAA
as text on black	18.09:1	AA AA large AAA
white text on it	1.16:1	AA AA large AAA
black text on it	18.09:1	AA AA large AAA
on your background	1.01:1	AA AA large AAA

Try a background

Export

:root {
  --eeeeee: #eeeeee;
  --eeeeee-rgb: 238 238 238;
  --eeeeee-on: #000000;
}

On this page

Hex #EEEEEE repeats the pair EE three times, so red, green and blue are all 238 out of 255. Equal channels mean no hue at all: the HSL reading is 0° hue, 0% saturation and 93% lightness. The browser also accepts the three-digit shorthand #EEE, which expands to exactly this color, and you will see that spelling in a lot of hand-written stylesheets.

What #EEEEEE looks like

Next to pure white it looks like a faint gray veil, only 17 steps down in each channel. Put it on its own and many people just call it "light gray" or "off-white". The CMYK estimate is 0%, 0%, 0%, 7%, and the decimal value is 15658734. The CSS list has no gray with this exact name; the closest entries are linen (#FAF0E6) and whitesmoke (#F5F5F5), and each sits about 2 OKLab units away: linen is warmer and whitesmoke is a little lighter. In the xkcd survey the nearest answer is "very light pink" (#FFF4F2), which says more about how few names people gave to near-white grays than about the color itself.

Where #EEEEEE is used

Borders and dividers: it is dark enough to show a hairline on a white page but quiet enough not to compete with content. A 1px #EEEEEE rule is a common separator between list rows.
Disabled and empty states: inputs, skeleton loaders and placeholder boxes often use it because it reads as "nothing here yet".
Page background: it is the deepest of the light grays people use behind a white content column. Lighter options such as #F0F0F0, #F4F4F4 and #F8F8F8 feel more like white with a tint, while #EEEEEE already looks gray.

Contrast

White on #EEEEEE is 1.16:1, so text in either direction is unreadable. For text on top, use dark colors: #333333 on #EEEEEE measures 10.88:1, comfortably past the 7:1 AAA level. As text on a black background, #EEEEEE itself measures 18.09:1, so it also works as a soft off-white for dark mode. A mid red such as #C0392B still works as link or error text on it at 4.68:1, a pass against the 4.5:1 AA threshold with little to spare.

Worked example

You are building a documentation site and the sidebar needs to feel separate from the article without a heavy border. Keep the article on white, fill the sidebar with #EEEEEE, and set the sidebar links in #333333. The links get 10.88:1, which is easy to read for long lists. Active item? Do not invert to white text; use the 10% shade #D6D6D6 as the highlight bar behind the same dark text. Check the highlight in the contrast panel above: if the text is still dark, the pair stays readable.

Compared with its neighbors

#EEEEEE is two steps below #F0F0F0 and ten below #F8F8F8 on every channel. Use the shades strip to see how fast it darkens: the 10% shade is #D6D6D6 and the 50% shade is #777777.