Color Palettes

Eggshell color

Inspired by the shell of a white egg. It's a muted, warm white. Besides the color, it's also the name of a low-sheen paint finish.

Also known as: eggshell white.

Eggshell · #F0EAD6

About eggshell

Eggshell (#F0EAD6) is a warm, light, moderately saturated color. It belongs to the whites family. It mixes 240 red, 234 green and 214 blue (out of 255). It is mostly used in home decor, paint.

Eggshell shades and tints

From lightest to darkest. Tap a shade to copy its code.

Eggshell color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Light gray
AnalogousClose to: Bone, Beige
TriadicClose to: Platinum, Pastel lilac
Split complementaryClose to: Platinum, Pastel lilac
TetradicClose to: Beige, Light gray, Pastel pink

Eggshell color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Eggshell
Analogous palette · Eggshell
Complementary palette · Eggshell
Triadic palette · Eggshell
With neutrals palette · Eggshell
With an accent palette · Eggshell

Eggshell contrast with text

White textContrast 1.2:1 · Not recommended
Black textContrast 17.4:1 · AAA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --eggshell: #F0EAD6;
  --eggshell-rgb: 240, 234, 214;
}
.bg { background-color: var(--eggshell); }
.text { color: var(--eggshell); }

Colors similar to eggshell

EcruAntique whitePearlChampagneBeigeAlabasterBoneLinenIvoryPlatinum

Themed palettes with this color

More whites

WhiteIvoryCreamBoneOff-whiteSnow whitePearlAlabasterLinenWhite smokeVanillaAntique whiteEcru

Frequently asked questions

What is the hex code for eggshell?

The hex code for eggshell is #F0EAD6. In RGB it is rgb(240, 234, 214), in HSL hsl(46, 46%, 89%) and in CMYK 0, 3, 11, 6.

What is the complementary color of eggshell?

Its complement on the color wheel is #D6DCF0, close to light gray. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on eggshell?

Use black text instead: the contrast with white is only 1.2:1, while with black it is 17.4:1.