{"slug":"yellow-green","name":"Yellow Green","cssName":"yellowgreen","hex":"#9ACD32","family":"green","temperature":"cool","tone":["earth-tone"],"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":["yellowgreen"],"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":["green","cool","earth-tone","web-design","css-color-systems","ui-prototyping","context-dependent"],"popularity":67,"rgb":[154,205,50],"hsl":[80,61,50],"cmyk":[25,0,76,20],"luminance":0.5076,"contrast":{"black":11.15,"white":1.88},"harmonies":{"complementary":"#6632CD","analogous":["#CDB332","#4CCD32"],"triadic":["#3299CD","#CD3299"],"tetradic":["#32CDB3","#6632CD","#CD324C"],"splitComplementary":["#324CCD","#B332CD"],"monochromatic":["#BEDF7C","#9ACD32","#628320"]},"variants":{"light":"#BEDF7C","dark":"#628320","saturated":"#A3E916","desaturated":"#90B14E","pastel":"#C9DDA2","neon":"#B8FF29"},"wcag":{"AA":["#000000","#1A1A1A","#36454F"],"AAA":["#000000","#1A1A1A"]},"css":{"variable":"--color-yellow-green: #9ACD32;","utility":".bg-yellow-green { background-color: #9ACD32; }","textUtility":".text-yellow-green { color: #9ACD32; }"},"nearestColors":["peridot","acid-green","brass","brushed-brass","green-yellow"],"generatedPalettes":["yellow-green"],"generatedComparisons":["acid-green-vs-yellow-green","green-yellow-vs-yellow-green","peridot-vs-yellow-green"],"relatedFamilies":["/colors/by-family/green","/colors/by-temperature/cool","/colors/by-tone/earth-tone"],"relatedTools":["/harmonies/yellow-green","/wcag/yellow-green","/css/colors/yellow-green","/hex/9acd32"],"semanticRelations":{"broader":["/colors/by-family/green","/colors/by-temperature/cool","/colors/by-tone/earth-tone"],"narrower":["/palettes/yellow-green"],"related":["/colors/peridot","/colors/acid-green","/colors/brass","/colors/brushed-brass","/colors/green-yellow","/compare/acid-green-vs-yellow-green","/compare/green-yellow-vs-yellow-green","/compare/peridot-vs-yellow-green","/harmonies/yellow-green","/wcag/yellow-green","/css/colors/yellow-green","/hex/9acd32"]},"url":"https://www.colorsencyclopedia.com/colors/yellow-green/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/yellow-green.json"}