{"slug":"yellow","name":"Yellow","cssName":"yellow","hex":"#FFFF00","family":"yellow","temperature":"warm","tone":["vibrant"],"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":["yellow"],"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","vibrant","web-design","css-color-systems","ui-prototyping","context-dependent"],"popularity":82,"rgb":[255,255,0],"hsl":[60,100,50],"cmyk":[0,0,100,0],"luminance":0.9278,"contrast":{"black":19.56,"white":1.07},"harmonies":{"complementary":"#0000FF","analogous":["#FF8000","#80FF00"],"triadic":["#00FFFF","#FF00FF"],"tetradic":["#00FF80","#0000FF","#FF0080"],"splitComplementary":["#007FFF","#7F00FF"],"monochromatic":["#FFFF5C","#FFFF00","#A3A300"]},"variants":{"light":"#FFFF5C","dark":"#A3A300","saturated":"#FFFF00","desaturated":"#E3E31C","pastel":"#F5F589","neon":"#FFFF29"},"wcag":{"AA":["#000000","#1A1A1A","#36454F"],"AAA":["#000000","#1A1A1A","#36454F"]},"css":{"variable":"--color-yellow: #FFFF00;","utility":".bg-yellow { background-color: #FFFF00; }","textUtility":".text-yellow { color: #FFFF00; }"},"nearestColors":["lemon","cadmium-yellow","canary-yellow","chartreuse-green","golden-yellow"],"generatedPalettes":["yellow"],"generatedComparisons":["chartreuse-green-vs-yellow","electric-lime-vs-yellow","yellow-vs-cadmium-yellow","yellow-vs-lemon"],"relatedFamilies":["/colors/by-family/yellow","/colors/by-temperature/warm","/colors/by-tone/vibrant"],"relatedTools":["/harmonies/yellow","/wcag/yellow","/css/colors/yellow","/hex/ffff00"],"semanticRelations":{"broader":["/colors/by-family/yellow","/colors/by-temperature/warm","/colors/by-tone/vibrant"],"narrower":["/palettes/yellow"],"related":["/colors/lemon","/colors/cadmium-yellow","/colors/canary-yellow","/colors/chartreuse-green","/colors/golden-yellow","/compare/chartreuse-green-vs-yellow","/compare/electric-lime-vs-yellow","/compare/yellow-vs-cadmium-yellow","/compare/yellow-vs-lemon","/harmonies/yellow","/wcag/yellow","/css/colors/yellow","/hex/ffff00"]},"url":"https://www.colorsencyclopedia.com/colors/yellow/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/yellow.json"}