{"slug":"brown","name":"Brown","cssName":"brown","hex":"#A52A2A","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":["brown"],"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":[165,42,42],"hsl":[0,59,41],"cmyk":[0,75,75,35],"luminance":0.0982,"contrast":{"black":2.96,"white":7.09},"harmonies":{"complementary":"#2BA6A6","analogous":["#A62B69","#A6692B"],"triadic":["#2BA62B","#2B2BA6"],"tetradic":["#69A62B","#2BA6A6","#692BA6"],"splitComplementary":["#2BA669","#2B69A6"],"monochromatic":["#D45959","#A52A2A","#5D1818"]},"variants":{"light":"#D45959","dark":"#5D1818","saturated":"#BD1414","desaturated":"#8F4242","pastel":"#CE8282","neon":"#FA0000"},"wcag":{"AA":["#FFFFFF","#F5F5F5"],"AAA":["#FFFFFF"]},"css":{"variable":"--color-brown: #A52A2A;","utility":".bg-brown { background-color: #A52A2A; }","textUtility":".text-brown { color: #A52A2A; }"},"nearestColors":["firebrick","tool-red","brick-red","burnt-umber","ruby-red"],"generatedPalettes":["brown"],"generatedComparisons":["brown-vs-firebrick","brown-vs-tool-red"],"relatedFamilies":["/colors/by-family/red","/colors/by-temperature/warm","/colors/by-tone/balanced"],"relatedTools":["/harmonies/brown","/wcag/brown","/css/colors/brown","/hex/a52a2a"],"semanticRelations":{"broader":["/colors/by-family/red","/colors/by-temperature/warm","/colors/by-tone/balanced"],"narrower":["/palettes/brown"],"related":["/colors/firebrick","/colors/tool-red","/colors/brick-red","/colors/burnt-umber","/colors/ruby-red","/compare/brown-vs-firebrick","/compare/brown-vs-tool-red","/harmonies/brown","/wcag/brown","/css/colors/brown","/hex/a52a2a"]},"url":"https://www.colorsencyclopedia.com/colors/brown/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/brown.json"}