{"slug":"dark-orange","name":"Dark Orange","cssName":"darkorange","hex":"#FF8C00","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":["darkorange"],"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":[255,140,0],"hsl":[33,100,50],"cmyk":[0,45,100,0],"luminance":0.4002,"contrast":{"black":9,"white":2.33},"harmonies":{"complementary":"#0073FF","analogous":["#FF0D00","#F2FF00"],"triadic":["#00FF8C","#8C00FF"],"tetradic":["#00FF0D","#0073FF","#FF00F2"],"splitComplementary":["#00F2FF","#0D00FF"],"monochromatic":["#FFB65C","#FF8C00","#A35A00"]},"variants":{"light":"#FFB65C","dark":"#A35A00","saturated":"#FF8C00","desaturated":"#E3891C","pastel":"#F5C589","neon":"#FF9F29"},"wcag":{"AA":["#000000","#1A1A1A"],"AAA":["#000000","#1A1A1A"]},"css":{"variable":"--color-dark-orange: #FF8C00;","utility":".bg-dark-orange { background-color: #FF8C00; }","textUtility":".text-dark-orange { color: #FF8C00; }"},"nearestColors":["construction-orange","tangerine","safety-orange","orange","chrome-yellow"],"generatedPalettes":["dark-orange"],"generatedComparisons":["construction-orange-vs-dark-orange","dark-orange-vs-tangerine","orange-vs-dark-orange"],"relatedFamilies":["/colors/by-family/orange","/colors/by-temperature/warm","/colors/by-tone/vibrant"],"relatedTools":["/harmonies/dark-orange","/wcag/dark-orange","/css/colors/dark-orange","/hex/ff8c00"],"semanticRelations":{"broader":["/colors/by-family/orange","/colors/by-temperature/warm","/colors/by-tone/vibrant"],"narrower":["/palettes/dark-orange"],"related":["/colors/construction-orange","/colors/tangerine","/colors/safety-orange","/colors/orange","/colors/chrome-yellow","/compare/construction-orange-vs-dark-orange","/compare/dark-orange-vs-tangerine","/compare/orange-vs-dark-orange","/harmonies/dark-orange","/wcag/dark-orange","/css/colors/dark-orange","/hex/ff8c00"]},"url":"https://www.colorsencyclopedia.com/colors/dark-orange/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/dark-orange.json"}