{"slug":"maroon","name":"Maroon","cssName":"maroon","hex":"#800000","family":"red","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":["maroon"],"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":["red","warm","balanced","web-design","css-color-systems","ui-prototyping","context-dependent"],"popularity":63,"rgb":[128,0,0],"hsl":[0,100,25],"cmyk":[0,100,100,50],"luminance":0.0459,"contrast":{"black":1.92,"white":10.95},"harmonies":{"complementary":"#007F80","analogous":["#800040","#804000"],"triadic":["#008000","#000080"],"tetradic":["#408000","#007F80","#400080"],"splitComplementary":["#008040","#004080"],"monochromatic":["#DB0000","#800000","#240000"]},"variants":{"light":"#DB0000","dark":"#240000","saturated":"#800000","desaturated":"#710E0E","pastel":"#EC1313","neon":"#A80000"},"wcag":{"AA":["#FFFFFF","#F5F5F5"],"AAA":["#FFFFFF","#F5F5F5"]},"css":{"variable":"--color-maroon: #800000;","utility":".bg-maroon { background-color: #800000; }","textUtility":".text-maroon { color: #800000; }"},"nearestColors":["barn-red","dark-red","crimson-red","burgundy","carmine"],"generatedPalettes":["maroon"],"generatedComparisons":["barn-red-vs-maroon","dark-red-vs-maroon","oxblood-vs-maroon"],"relatedFamilies":["/colors/by-family/red","/colors/by-temperature/warm","/colors/by-tone/balanced"],"relatedTools":["/harmonies/maroon","/wcag/maroon","/css/colors/maroon","/hex/800000"],"semanticRelations":{"broader":["/colors/by-family/red","/colors/by-temperature/warm","/colors/by-tone/balanced"],"narrower":["/palettes/maroon"],"related":["/colors/barn-red","/colors/dark-red","/colors/crimson-red","/colors/burgundy","/colors/carmine","/compare/barn-red-vs-maroon","/compare/dark-red-vs-maroon","/compare/oxblood-vs-maroon","/harmonies/maroon","/wcag/maroon","/css/colors/maroon","/hex/800000"]},"url":"https://www.colorsencyclopedia.com/colors/maroon/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/maroon.json"}