{"slug":"light-yellow","name":"Light Yellow","cssName":"lightyellow","hex":"#FFFFE0","family":"yellow","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":["lightyellow"],"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","pastel","web-design","css-color-systems","ui-prototyping","context-dependent"],"popularity":67,"rgb":[255,255,224],"hsl":[60,100,94],"cmyk":[0,0,12,0],"luminance":0.9816,"contrast":{"black":20.63,"white":1.02},"harmonies":{"complementary":"#E0E0FF","analogous":["#FFF0E0","#F0FFE0"],"triadic":["#E0FFFF","#FFE0FF"],"tetradic":["#E0FFF0","#E0E0FF","#FFE0F0"],"splitComplementary":["#E0F0FF","#F0E0FF"],"monochromatic":["#FFFFFF","#FFFFE0","#FFFF85"]},"variants":{"light":"#FFFFFF","dark":"#FFFF85","saturated":"#FFFFE0","desaturated":"#FCFCE4","pastel":"#FFFFFF","neon":"#FFFFFF"},"wcag":{"AA":["#000000","#1A1A1A","#36454F"],"AAA":["#000000","#1A1A1A","#36454F"]},"css":{"variable":"--color-light-yellow: #FFFFE0;","utility":".bg-light-yellow { background-color: #FFFFE0; }","textUtility":".text-light-yellow { color: #FFFFE0; }"},"nearestColors":["cornsilk","old-lace","warm-white","beige","light-goldenrod-yellow"],"generatedPalettes":["light-yellow"],"generatedComparisons":["cornsilk-vs-light-yellow","light-yellow-vs-old-lace"],"relatedFamilies":["/colors/by-family/yellow","/colors/by-temperature/warm","/colors/by-tone/light","/colors/by-tone/pastel"],"relatedTools":["/harmonies/light-yellow","/wcag/light-yellow","/css/colors/light-yellow","/hex/ffffe0"],"semanticRelations":{"broader":["/colors/by-family/yellow","/colors/by-temperature/warm","/colors/by-tone/light","/colors/by-tone/pastel"],"narrower":["/palettes/light-yellow"],"related":["/colors/cornsilk","/colors/old-lace","/colors/warm-white","/colors/beige","/colors/light-goldenrod-yellow","/compare/cornsilk-vs-light-yellow","/compare/light-yellow-vs-old-lace","/harmonies/light-yellow","/wcag/light-yellow","/css/colors/light-yellow","/hex/ffffe0"]},"url":"https://www.colorsencyclopedia.com/colors/light-yellow/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/light-yellow.json"}