Eggshell

#F0EAD6

What color is Eggshell?

Eggshell is a pale, warm off-white with a faint creamy yellow undertone, hex #F0EAD6, close to unbleached linen. It is slightly deeper and softer than bright white, with just enough warmth to keep it from looking stark.

What is the meaning of the color Eggshell?

Named directly for the surface of a hen’s egg, the term appeared as an English color descriptor by the early twentieth century, used in paint and interior trade catalogs to distinguish warm off-whites from cooler, brighter whites. The paint industry formalized its use through the mid-twentieth century, and Benjamin Moore has carried an Eggshell finish line since the 1960s as a standard interior category. The U.S. Federal Standard 595 color system also lists eggshell among its defined neutrals, anchoring the name in official specification language used in architecture and government contracts.

RGB
240, 234, 214
HSL
46°, 46%, 89%
CMYK
0, 3, 11, 6
HSV
46°, 11%, 94%
Eggshell color

What colors go with Eggshell?

Colors that pair well with Eggshell include:
Sage Green: soft, natural calm
Dusty Blue: gentle cool contrast
Warm Taupe: subtle tonal depth
Terracotta: rich earthy warmth
Charcoal: grounding, strong balance

Similar Colors

Conversions & Codes

Format Value CSS
HEX #F0EAD6 color: #F0EAD6;
RGB 240, 234, 214 color: rgb(240, 234, 214);
RGB Percentage 94%, 92%, 84% color: rgb(94%, 92%, 84%);
CMYK 0%, 3%, 11%, 6% Not supported in CSS
HSL 46°, 46%, 89% color: hsl(46, 46%, 89%);
HSV 46°, 11%, 94% Not supported in CSS
CIE-LAB 71, 1, 7 color: lab(71% 1 7);
Decimal 15788758 Not supported in CSS

Color Variations

Shades

#F0EAD6
#E4D9B5
#D7C894
#CBB673
#BFA552
#A68D3D
#857131
#635525

Tints

#FAF9F3
#F9F7EF
#F7F4EB
#F6F2E6
#F4F0E2
#F3EEDE
#F1ECDA
#F0EAD6

Tones

#F0EAD6
#EFE9D7
#EDE8D9
#ECE8DA
#EBE7DB
#E9E6DC
#E8E6DE
#E7E5DF

Hues

#F0EAD6
#E3F0D6
#D6F0DD
#D6EFF0
#D6DCF0
#E3D6F0
#F0D6E9
#F0D6D6

Color Harmonies

Analogous

#F0DDD6
Click to copy
#F0EAD6
Click to copy
#E9F0D6
Click to copy

Complementary

#F0EAD6
Click to copy
#D6DCF0
Click to copy

Split Complementary

#F0EAD6
Click to copy
#D6E9F0
Click to copy
#DDD6F0
Click to copy

Triadic

#F0EAD6
Click to copy
#D6F0EA
Click to copy
#EAD6F0
Click to copy

Tetradic

#F0EAD6
Click to copy
#D6F0DD
Click to copy
#D6DCF0
Click to copy
#F0D6E9
Click to copy

Square

#F0EAD6
Click to copy
#D6F0DD
Click to copy
#D6DCF0
Click to copy
#F0D6E9
Click to copy

CSS & Dev Snippets

CSS
.eggshell {
  color: #F0EAD6;
}
SCSS
$eggshell: #F0EAD6;
RGB
rgb(240, 234, 214)

Accessibility & Contrast

White background

1.20:1
1.20
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

17.45:1
17.45
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags