{"datasetVersion":"1.0.0","slug":"eggshell","name":"Eggshell","hex":"#F0EAD6","rgb":[240,234,214],"hsl":[46,46,89],"cmyk":[0,3,11,6],"luminance":0.8223,"contrast":{"black":17.45,"white":1.2},"wcag":{"AA":["#000000","#1A1A1A","#36454F"],"AAA":["#000000","#1A1A1A","#36454F"]},"family":"yellow","temperature":"warm","tone":["light"],"bestTextColor":"#111827","cssVariables":{"color":"--color-eggshell: #F0EAD6;","rgb":"--color-eggshell-rgb: 240 234 214;","contrast":"--color-eggshell-contrast: #111827;"},"utilityClasses":{"background":".bg-eggshell","text":".text-eggshell","border":".border-eggshell","surface":".surface-eggshell","shadow":".shadow-eggshell"},"cssSnippet":":root {\n  --color-eggshell: #F0EAD6;\n  --color-eggshell-rgb: 240 234 214;\n  --color-eggshell-contrast: #111827;\n}\n\n.bg-eggshell { background-color: var(--color-eggshell); }\n.text-eggshell { color: var(--color-eggshell); }\n.border-eggshell { border-color: var(--color-eggshell); }\n.surface-eggshell {\n  background-color: var(--color-eggshell);\n  color: var(--color-eggshell-contrast);\n  border: 1px solid color-mix(in srgb, var(--color-eggshell), #111827 18%);\n}\n.shadow-eggshell { box-shadow: 0 18px 40px rgb(var(--color-eggshell-rgb) / 28%); }","useCases":["CSS variables","utility classes","design system tokens","UI surface styling","accessible text pairing"],"relatedEndpoints":["https://www.colorsencyclopedia.com/api/css/colors/eggshell.json","https://www.colorsencyclopedia.com/api/colors/eggshell.json"],"url":"https://www.colorsencyclopedia.com/css/colors/eggshell/","colorUrl":"https://www.colorsencyclopedia.com/colors/eggshell/","hexUrl":"https://www.colorsencyclopedia.com/hex/f0ead6/","apiUrl":"https://www.colorsencyclopedia.com/api/css/colors/eggshell.json","generatedAt":"2026-07-23T19:04:03.383Z"}