{"slug":"sea-shell","name":"Sea Shell","cssName":"seashell","hex":"#FFF5EE","family":"orange","temperature":"warm","tone":["light","pastel"],"uses":["web design","CSS color systems","UI prototyping"],"psychology":{"associations":["context dependent"],"contexts":["web interfaces","design systems","technical color references"],"avoidIn":["claims that require brand or cultural specificity"]},"aliases":["seashell"],"sourceType":"standard","confidence":"high","sourceUrl":"https://www.w3.org/TR/css-color-4/#named-colors","origin":{"type":"css","notes":"Standard CSS named color."},"reviewStatus":"auto","editorialNotes":"Generated from CSS named color data and computed color-system properties.","tags":["orange","warm","light","pastel","web-design","css-color-systems","ui-prototyping","context-dependent"],"popularity":67,"rgb":[255,245,238],"hsl":[25,100,97],"cmyk":[0,4,7,0],"luminance":0.9274,"contrast":{"black":19.55,"white":1.07},"harmonies":{"complementary":"#F0F9FF","analogous":["#FFF0F1","#FFFEF0"],"triadic":["#F0FFF6","#F6F0FF"],"tetradic":["#F1FFF0","#F0F9FF","#FEF0FF"],"splitComplementary":["#F0FFFE","#F0F1FF"],"monochromatic":["#FFFFFF","#FFF5EE","#FFC194"]},"variants":{"light":"#FFFFFF","dark":"#FFC194","saturated":"#FFF6F0","desaturated":"#FDF6F1","pastel":"#FFFFFF","neon":"#FFFFFF"},"wcag":{"AA":["#000000","#1A1A1A","#36454F"],"AAA":["#000000","#1A1A1A","#36454F"]},"css":{"variable":"--color-sea-shell: #FFF5EE;","utility":".bg-sea-shell { background-color: #FFF5EE; }","textUtility":".text-sea-shell { color: #FFF5EE; }"},"nearestColors":["floral-white","old-lace","lavender-blush","powder-coat-white","paper-white"],"generatedPalettes":["sea-shell"],"generatedComparisons":["floral-white-vs-sea-shell","lavender-blush-vs-sea-shell","sea-shell-vs-old-lace"],"relatedFamilies":["/colors/by-family/orange","/colors/by-temperature/warm","/colors/by-tone/light","/colors/by-tone/pastel"],"relatedTools":["/harmonies/sea-shell","/wcag/sea-shell","/css/colors/sea-shell","/hex/fff5ee"],"semanticRelations":{"broader":["/colors/by-family/orange","/colors/by-temperature/warm","/colors/by-tone/light","/colors/by-tone/pastel"],"narrower":["/palettes/sea-shell"],"related":["/colors/floral-white","/colors/old-lace","/colors/lavender-blush","/colors/powder-coat-white","/colors/paper-white","/compare/floral-white-vs-sea-shell","/compare/lavender-blush-vs-sea-shell","/compare/sea-shell-vs-old-lace","/harmonies/sea-shell","/wcag/sea-shell","/css/colors/sea-shell","/hex/fff5ee"]},"url":"https://www.colorsencyclopedia.com/colors/sea-shell/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/sea-shell.json"}