{"slug":"green","name":"Green","cssName":"green","hex":"#008000","family":"green","temperature":"cool","tone":["jewel-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":["green"],"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","jewel-tone","web-design","css-color-systems","ui-prototyping","context-dependent"],"popularity":82,"rgb":[0,128,0],"hsl":[120,100,25],"cmyk":[100,0,100,50],"luminance":0.1544,"contrast":{"black":4.09,"white":5.14},"harmonies":{"complementary":"#80007F","analogous":["#408000","#008040"],"triadic":["#000080","#800000"],"tetradic":["#004080","#80007F","#804000"],"splitComplementary":["#400080","#800040"],"monochromatic":["#00DB00","#008000","#002400"]},"variants":{"light":"#00DB00","dark":"#002400","saturated":"#008000","desaturated":"#0E710E","pastel":"#13EC13","neon":"#00A800"},"wcag":{"AA":["#FFFFFF","#F5F5F5"],"AAA":[]},"css":{"variable":"--color-green: #008000;","utility":".bg-green { background-color: #008000; }","textUtility":".text-green { color: #008000; }"},"nearestColors":["dark-green","emerald-dark","forest-green","terre-verte","scheeles-green"],"generatedPalettes":["green"],"generatedComparisons":["dark-green-vs-green","emerald-dark-vs-green","forest-green-vs-green"],"relatedFamilies":["/colors/by-family/green","/colors/by-temperature/cool","/colors/by-tone/jewel-tone"],"relatedTools":["/harmonies/green","/wcag/green","/css/colors/green","/hex/008000"],"semanticRelations":{"broader":["/colors/by-family/green","/colors/by-temperature/cool","/colors/by-tone/jewel-tone"],"narrower":["/palettes/green"],"related":["/colors/dark-green","/colors/emerald-dark","/colors/forest-green","/colors/terre-verte","/colors/scheeles-green","/compare/dark-green-vs-green","/compare/emerald-dark-vs-green","/compare/forest-green-vs-green","/harmonies/green","/wcag/green","/css/colors/green","/hex/008000"]},"url":"https://www.colorsencyclopedia.com/colors/green/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/green.json"}