{"slug":"lawn-green","name":"Lawn Green","cssName":"lawngreen","hex":"#7CFC00","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":["lawngreen"],"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":[124,252,0],"hsl":[90,100,49],"cmyk":[51,0,100,1],"luminance":0.7391,"contrast":{"black":15.78,"white":1.33},"harmonies":{"complementary":"#7D00FA","analogous":["#FAFA00","#00FA00"],"triadic":["#007DFA","#FA007D"],"tetradic":["#00FAFA","#7D00FA","#FA0000"],"splitComplementary":["#0000FA","#FA00FA"],"monochromatic":["#ABFF57","#7CFC00","#4F9E00"]},"variants":{"light":"#ABFF57","dark":"#4F9E00","saturated":"#7DFA00","desaturated":"#7DDE1B","pastel":"#BDF584","neon":"#91FF24"},"wcag":{"AA":["#000000","#1A1A1A","#36454F"],"AAA":["#000000","#1A1A1A","#36454F"]},"css":{"variable":"--color-lawn-green: #7CFC00;","utility":".bg-lawn-green { background-color: #7CFC00; }","textUtility":".text-lawn-green { color: #7CFC00; }"},"nearestColors":["chartreuse","toxic-green","green-yellow","neon-green","yellow-green"],"generatedPalettes":["lawn-green"],"generatedComparisons":["chartreuse-vs-lawn-green","lawn-green-vs-toxic-green"],"relatedFamilies":["/colors/by-family/green","/colors/by-temperature/cool","/colors/by-tone/vibrant"],"relatedTools":["/harmonies/lawn-green","/wcag/lawn-green","/css/colors/lawn-green","/hex/7cfc00"],"semanticRelations":{"broader":["/colors/by-family/green","/colors/by-temperature/cool","/colors/by-tone/vibrant"],"narrower":["/palettes/lawn-green"],"related":["/colors/chartreuse","/colors/toxic-green","/colors/green-yellow","/colors/neon-green","/colors/yellow-green","/compare/chartreuse-vs-lawn-green","/compare/lawn-green-vs-toxic-green","/harmonies/lawn-green","/wcag/lawn-green","/css/colors/lawn-green","/hex/7cfc00"]},"url":"https://www.colorsencyclopedia.com/colors/lawn-green/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/lawn-green.json"}