{"slug":"saddle-brown","name":"Saddle Brown","cssName":"saddlebrown","hex":"#8B4513","family":"orange","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":["saddlebrown"],"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":["orange","warm","balanced","web-design","css-color-systems","ui-prototyping","context-dependent"],"popularity":63,"rgb":[139,69,19],"hsl":[25,76,31],"cmyk":[0,50,86,45],"luminance":0.0979,"contrast":{"black":2.96,"white":7.1},"harmonies":{"complementary":"#13598B","analogous":["#8B131D","#8B8113"],"triadic":["#138B45","#45138B"],"tetradic":["#1D8B13","#13598B","#81138B"],"splitComplementary":["#138B81","#131D8B"],"monochromatic":["#DC6D1E","#8B4513","#3A1D08"]},"variants":{"light":"#DC6D1E","dark":"#3A1D08","saturated":"#9D4202","desaturated":"#7A4824","pastel":"#D3834A","neon":"#C75300"},"wcag":{"AA":["#FFFFFF","#F5F5F5"],"AAA":["#FFFFFF"]},"css":{"variable":"--color-saddle-brown: #8B4513;","utility":".bg-saddle-brown { background-color: #8B4513; }","textUtility":".text-saddle-brown { color: #8B4513; }"},"nearestColors":["brick-red","burnt-umber","sepia","cedar","sienna"],"generatedPalettes":["saddle-brown"],"generatedComparisons":["brick-red-vs-saddle-brown","burnt-umber-vs-saddle-brown","sepia-vs-saddle-brown"],"relatedFamilies":["/colors/by-family/orange","/colors/by-temperature/warm","/colors/by-tone/balanced"],"relatedTools":["/harmonies/saddle-brown","/wcag/saddle-brown","/css/colors/saddle-brown","/hex/8b4513"],"semanticRelations":{"broader":["/colors/by-family/orange","/colors/by-temperature/warm","/colors/by-tone/balanced"],"narrower":["/palettes/saddle-brown"],"related":["/colors/brick-red","/colors/burnt-umber","/colors/sepia","/colors/cedar","/colors/sienna","/compare/brick-red-vs-saddle-brown","/compare/burnt-umber-vs-saddle-brown","/compare/sepia-vs-saddle-brown","/harmonies/saddle-brown","/wcag/saddle-brown","/css/colors/saddle-brown","/hex/8b4513"]},"url":"https://www.colorsencyclopedia.com/colors/saddle-brown/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/saddle-brown.json"}