{"slug":"forest-green","name":"Forest Green","cssName":"forestgreen","hex":"#228B22","family":"green","temperature":"cool","tone":["earth-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":["forestgreen"],"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","jewel-tone","web-design","css-color-systems","ui-prototyping","context-dependent"],"popularity":67,"rgb":[34,139,34],"hsl":[120,61,34],"cmyk":[76,0,76,45],"luminance":0.1892,"contrast":{"black":4.78,"white":4.39},"harmonies":{"complementary":"#8C228C","analogous":["#578C22","#228C57"],"triadic":["#22228C","#8C2222"],"tetradic":["#22578C","#8C228C","#8C5722"],"splitComplementary":["#57228C","#8C2257"],"monochromatic":["#3ACF3A","#228B22","#104210"]},"variants":{"light":"#3ACF3A","dark":"#104210","saturated":"#0F9F0F","desaturated":"#357935","pastel":"#66C766","neon":"#00D600"},"wcag":{"AA":["#000000"],"AAA":[]},"css":{"variable":"--color-forest-green: #228B22;","utility":".bg-forest-green { background-color: #228B22; }","textUtility":".text-forest-green { color: #228B22; }"},"nearestColors":["green","scheeles-green","terre-verte","sea-green","hunter-green"],"generatedPalettes":["forest-green"],"generatedComparisons":["forest-green-vs-green","forest-green-vs-scheeles-green"],"relatedFamilies":["/colors/by-family/green","/colors/by-temperature/cool","/colors/by-tone/earth-tone","/colors/by-tone/jewel-tone"],"relatedTools":["/harmonies/forest-green","/wcag/forest-green","/css/colors/forest-green","/hex/228b22"],"semanticRelations":{"broader":["/colors/by-family/green","/colors/by-temperature/cool","/colors/by-tone/earth-tone","/colors/by-tone/jewel-tone"],"narrower":["/palettes/forest-green"],"related":["/colors/green","/colors/scheeles-green","/colors/terre-verte","/colors/sea-green","/colors/hunter-green","/compare/forest-green-vs-green","/compare/forest-green-vs-scheeles-green","/harmonies/forest-green","/wcag/forest-green","/css/colors/forest-green","/hex/228b22"]},"url":"https://www.colorsencyclopedia.com/colors/forest-green/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/forest-green.json"}