{"slug":"green-yellow","name":"Green Yellow","cssName":"greenyellow","hex":"#ADFF2F","family":"green","temperature":"cool","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":["greenyellow"],"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","vibrant","web-design","css-color-systems","ui-prototyping","context-dependent"],"popularity":67,"rgb":[173,255,47],"hsl":[84,100,59],"cmyk":[32,0,82,0],"luminance":0.8061,"contrast":{"black":17.12,"white":1.23},"harmonies":{"complementary":"#822EFF","analogous":["#FFEA2E","#43FF2E"],"triadic":["#2EABFF","#FF2EAB"],"tetradic":["#2EFFEA","#822EFF","#FF2E43"],"splitComplementary":["#2E43FF","#EA2EFF"],"monochromatic":["#D0FF8A","#ADFF2F","#7DD100"]},"variants":{"light":"#D0FF8A","dark":"#7DD100","saturated":"#ABFF2E","desaturated":"#A7E845","pastel":"#DDF9B4","neon":"#BCFF57"},"wcag":{"AA":["#000000","#1A1A1A","#36454F"],"AAA":["#000000","#1A1A1A","#36454F"]},"css":{"variable":"--color-green-yellow: #ADFF2F;","utility":".bg-green-yellow { background-color: #ADFF2F; }","textUtility":".text-green-yellow { color: #ADFF2F; }"},"nearestColors":["pear","yellow-green","electric-lime","peridot","chartreuse"],"generatedPalettes":["green-yellow"],"generatedComparisons":["green-yellow-vs-pear","green-yellow-vs-yellow-green"],"relatedFamilies":["/colors/by-family/green","/colors/by-temperature/cool","/colors/by-tone/vibrant"],"relatedTools":["/harmonies/green-yellow","/wcag/green-yellow","/css/colors/green-yellow","/hex/adff2f"],"semanticRelations":{"broader":["/colors/by-family/green","/colors/by-temperature/cool","/colors/by-tone/vibrant"],"narrower":["/palettes/green-yellow"],"related":["/colors/pear","/colors/yellow-green","/colors/electric-lime","/colors/peridot","/colors/chartreuse","/compare/green-yellow-vs-pear","/compare/green-yellow-vs-yellow-green","/harmonies/green-yellow","/wcag/green-yellow","/css/colors/green-yellow","/hex/adff2f"]},"url":"https://www.colorsencyclopedia.com/colors/green-yellow/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/green-yellow.json"}