{"slug":"espresso","name":"Espresso","hex":"#4B3621","uses":["backgrounds","typography","product surfaces"],"psychology":{"associations":["restraint","clarity","balance"],"contexts":["interfaces","architecture","editorial design","packaging"],"avoidIn":["high-energy accent-only palettes"]},"aliases":[],"sourceType":"curated","confidence":"medium","reviewStatus":"manual","sourceUrl":"https://www.colorsencyclopedia.com/assets/colors.json","origin":{"type":"common","notes":"Curated common color reference used in design and editorial color systems."},"family":"orange","temperature":"warm","tone":["dark","earth-tone"],"editorialNotes":"Curated internal color record with computed technical properties.","tags":["orange","warm","dark","earth-tone","backgrounds","typography","product-surfaces","restraint","clarity","balance"],"popularity":84,"rgb":[75,54,33],"hsl":[30,39,21],"cmyk":[0,28,56,71],"luminance":0.0424,"contrast":{"black":1.85,"white":11.36},"harmonies":{"complementary":"#21364A","analogous":["#4A2121","#4A4A21"],"triadic":["#214A36","#36214A"],"tetradic":["#214A21","#21364A","#4A214A"],"splitComplementary":["#214A4A","#21214A"],"monochromatic":["#8A633D","#4B3621","#0B0805"]},"variants":{"light":"#8A633D","dark":"#0B0805","saturated":"#563615","desaturated":"#3F362C","pastel":"#917559","neon":"#944A00"},"wcag":{"AA":["#FFFFFF","#F5F5F5"],"AAA":["#FFFFFF","#F5F5F5"]},"css":{"variable":"--color-espresso: #4B3621;","utility":".bg-espresso { background-color: #4B3621; }","textUtility":".text-espresso { color: #4B3621; }"},"nearestColors":["pine-bark","taupe","bark","peat","walnut"],"generatedPalettes":["espresso"],"generatedComparisons":["espresso-vs-pine-bark","espresso-vs-taupe"],"relatedFamilies":["/colors/by-family/orange","/colors/by-temperature/warm","/colors/by-tone/dark","/colors/by-tone/earth-tone"],"relatedTools":["/harmonies/espresso","/wcag/espresso","/css/colors/espresso","/hex/4b3621"],"semanticRelations":{"broader":["/colors/by-family/orange","/colors/by-temperature/warm","/colors/by-tone/dark","/colors/by-tone/earth-tone"],"narrower":["/palettes/espresso"],"related":["/colors/pine-bark","/colors/taupe","/colors/bark","/colors/peat","/colors/walnut","/compare/espresso-vs-pine-bark","/compare/espresso-vs-taupe","/harmonies/espresso","/wcag/espresso","/css/colors/espresso","/hex/4b3621"]},"url":"https://www.colorsencyclopedia.com/colors/espresso/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/espresso.json"}