{"slug":"chocolate","name":"Chocolate","cssName":"chocolate","hex":"#D2691E","family":"orange","temperature":"warm","tone":["vibrant"],"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":["chocolate"],"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","vibrant","web-design","css-color-systems","ui-prototyping","context-dependent"],"popularity":67,"rgb":[210,105,30],"hsl":[25,75,47],"cmyk":[0,50,86,18],"luminance":0.239,"contrast":{"black":5.78,"white":3.63},"harmonies":{"complementary":"#1E87D2","analogous":["#D21E2D","#D2C31E"],"triadic":["#1ED269","#691ED2"],"tetradic":["#2DD21E","#1E87D2","#C31ED2"],"splitComplementary":["#1ED2C3","#1E2DD2"],"monochromatic":["#E99B63","#D2691E","#814112"]},"variants":{"light":"#E99B63","dark":"#814112","saturated":"#EC6404","desaturated":"#B76D38","pastel":"#E2B08D","neon":"#FF791A"},"wcag":{"AA":["#000000","#1A1A1A"],"AAA":[]},"css":{"variable":"--color-chocolate: #D2691E;","utility":".bg-chocolate { background-color: #D2691E; }","textUtility":".text-chocolate { color: #D2691E; }"},"nearestColors":["cinnamon","ochre","fire-opal","bronze","copper"],"generatedPalettes":["chocolate"],"generatedComparisons":["chocolate-vs-cinnamon","chocolate-vs-ochre","dark-goldenrod-vs-chocolate"],"relatedFamilies":["/colors/by-family/orange","/colors/by-temperature/warm","/colors/by-tone/vibrant"],"relatedTools":["/harmonies/chocolate","/wcag/chocolate","/css/colors/chocolate","/hex/d2691e"],"semanticRelations":{"broader":["/colors/by-family/orange","/colors/by-temperature/warm","/colors/by-tone/vibrant"],"narrower":["/palettes/chocolate"],"related":["/colors/cinnamon","/colors/ochre","/colors/fire-opal","/colors/bronze","/colors/copper","/compare/chocolate-vs-cinnamon","/compare/chocolate-vs-ochre","/compare/dark-goldenrod-vs-chocolate","/harmonies/chocolate","/wcag/chocolate","/css/colors/chocolate","/hex/d2691e"]},"url":"https://www.colorsencyclopedia.com/colors/chocolate/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/chocolate.json"}