{"slug":"olive","name":"Olive","cssName":"olive","hex":"#808000","family":"yellow","temperature":"warm","tone":["balanced"],"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":["olive"],"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":["yellow","warm","balanced","web-design","css-color-systems","ui-prototyping","context-dependent"],"popularity":63,"rgb":[128,128,0],"hsl":[60,100,25],"cmyk":[0,0,100,50],"luminance":0.2003,"contrast":{"black":5.01,"white":4.19},"harmonies":{"complementary":"#000080","analogous":["#804000","#408000"],"triadic":["#007F80","#80007F"],"tetradic":["#008040","#000080","#800040"],"splitComplementary":["#004080","#400080"],"monochromatic":["#DBDB00","#808000","#242400"]},"variants":{"light":"#DBDB00","dark":"#242400","saturated":"#7F8000","desaturated":"#71710E","pastel":"#ECEC13","neon":"#A8A800"},"wcag":{"AA":["#000000"],"AAA":[]},"css":{"variable":"--color-olive: #808000;","utility":".bg-olive { background-color: #808000; }","textUtility":".text-olive { color: #808000; }"},"nearestColors":["avocado","olive-drab","olive-leaf","fern-frond","dark-goldenrod"],"generatedPalettes":["olive"],"generatedComparisons":["olive-vs-avocado","olive-vs-olive-drab"],"relatedFamilies":["/colors/by-family/yellow","/colors/by-temperature/warm","/colors/by-tone/balanced"],"relatedTools":["/harmonies/olive","/wcag/olive","/css/colors/olive","/hex/808000"],"semanticRelations":{"broader":["/colors/by-family/yellow","/colors/by-temperature/warm","/colors/by-tone/balanced"],"narrower":["/palettes/olive"],"related":["/colors/avocado","/colors/olive-drab","/colors/olive-leaf","/colors/fern-frond","/colors/dark-goldenrod","/compare/olive-vs-avocado","/compare/olive-vs-olive-drab","/harmonies/olive","/wcag/olive","/css/colors/olive","/hex/808000"]},"url":"https://www.colorsencyclopedia.com/colors/olive/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/olive.json"}