Eggshell sits a neutral / achromatic tone, with the hex code #F0EAD6 mapping to rgb(240, 234, 214) in RGB and hsl(46.2, 46.4%, 89%) in HSL. In OKLCH it carries 94% perceptual lightness and 0.027 chroma — a desaturated, light reading that behaves well as a background, surface or supporting tone in modern interfaces. Neutrals are the connective tissue of every design system — backgrounds, borders, body copy and surfaces all live here. Their psychology is contextual: warm neutrals feel inviting and editorial, cool neutrals feel technical and precise.
Neutrals are the connective tissue of every design system — backgrounds, borders, body copy and surfaces all live here. Their psychology is contextual: warm neutrals feel inviting and editorial, cool neutrals feel technical and precise.
Neutrals are where contrast bugs hide — a body text grey of #777 on white fails AA. Audit every neutral against its actual background, not against pure white or pure black.
#F0EAD6rgb(240, 234, 214)hsl(46.2, 46.4%, 89%)hsv(46.2, 10.8%, 94.1%)lch(92.77% 10.52 92.1)oklch(93.64% 0.0273 93.11)lab(92.77% -0.39 10.51):root {
--color: #f0ead6;
--color-rgb: rgb(240, 234, 214);
--color-hsl: hsl(46.2, 46.4%, 89%);
--color-oklch: oklch(93.64% 0.0273 93.11);
}How eggshell performs as foreground text on common surfaces, scored with WCAG 2.1.
Tints are produced by mixing eggshell with progressively more white.
Shades are produced by mixing eggshell with progressively more black.
Tones are produced by mixing eggshell with progressively more gray, lowering chroma while keeping lightness.