{"slug":"beige","name":"Beige","cssName":"beige","hex":"#F5F5DC","family":"yellow","temperature":"warm","tone":["light"],"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":["beige"],"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":["yellow","warm","light","web-design","css-color-systems","ui-prototyping","context-dependent"],"popularity":67,"rgb":[245,245,220],"hsl":[60,56,91],"cmyk":[0,0,10,4],"luminance":0.8988,"contrast":{"black":18.98,"white":1.11},"harmonies":{"complementary":"#DBDBF5","analogous":["#F5E8DB","#E8F5DB"],"triadic":["#DBF5F5","#F5DBF5"],"tetradic":["#DBF5E8","#DBDBF5","#F5DBE8"],"splitComplementary":["#DBE8F5","#E8DBF5"],"monochromatic":["#FFFFFF","#F5F5DC","#E1E194"]},"variants":{"light":"#FFFFFF","dark":"#E1E194","saturated":"#FAFAD6","desaturated":"#F0F0E0","pastel":"#FFFFFF","neon":"#FFFFFA"},"wcag":{"AA":["#000000","#1A1A1A","#36454F"],"AAA":["#000000","#1A1A1A","#36454F"]},"css":{"variable":"--color-beige: #F5F5DC;","utility":".bg-beige { background-color: #F5F5DC; }","textUtility":".text-beige { color: #F5F5DC; }"},"nearestColors":["warm-white","cornsilk","marble-white","antique-white","light-goldenrod-yellow"],"generatedPalettes":["beige"],"generatedComparisons":["beige-vs-cornsilk","beige-vs-warm-white"],"relatedFamilies":["/colors/by-family/yellow","/colors/by-temperature/warm","/colors/by-tone/light"],"relatedTools":["/harmonies/beige","/wcag/beige","/css/colors/beige","/hex/f5f5dc"],"semanticRelations":{"broader":["/colors/by-family/yellow","/colors/by-temperature/warm","/colors/by-tone/light"],"narrower":["/palettes/beige"],"related":["/colors/warm-white","/colors/cornsilk","/colors/marble-white","/colors/antique-white","/colors/light-goldenrod-yellow","/compare/beige-vs-cornsilk","/compare/beige-vs-warm-white","/harmonies/beige","/wcag/beige","/css/colors/beige","/hex/f5f5dc"]},"url":"https://www.colorsencyclopedia.com/colors/beige/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/beige.json"}