{"slug":"orange","name":"Orange","cssName":"orange","hex":"#FFA500","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":["orange"],"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":82,"rgb":[255,165,0],"hsl":[39,100,50],"cmyk":[0,35,100,0],"luminance":0.4817,"contrast":{"black":10.63,"white":1.97},"harmonies":{"complementary":"#0059FF","analogous":["#FF2600","#D9FF00"],"triadic":["#00FFA6","#A600FF"],"tetradic":["#00FF26","#0059FF","#FF00D9"],"splitComplementary":["#00D9FF","#2600FF"],"monochromatic":["#FFC65C","#FFA500","#A36A00"]},"variants":{"light":"#FFC65C","dark":"#A36A00","saturated":"#FFA600","desaturated":"#E39D1C","pastel":"#F5D089","neon":"#FFB429"},"wcag":{"AA":["#000000","#1A1A1A","#36454F"],"AAA":["#000000","#1A1A1A"]},"css":{"variable":"--color-orange: #FFA500;","utility":".bg-orange { background-color: #FFA500; }","textUtility":".text-orange { color: #FFA500; }"},"nearestColors":["chrome-yellow","dark-orange","amber","fluorescent-orange","mustard-yellow"],"generatedPalettes":["orange"],"generatedComparisons":["chrome-yellow-vs-orange","orange-vs-dark-orange"],"relatedFamilies":["/colors/by-family/orange","/colors/by-temperature/warm","/colors/by-tone/vibrant"],"relatedTools":["/harmonies/orange","/wcag/orange","/css/colors/orange","/hex/ffa500"],"semanticRelations":{"broader":["/colors/by-family/orange","/colors/by-temperature/warm","/colors/by-tone/vibrant"],"narrower":["/palettes/orange"],"related":["/colors/chrome-yellow","/colors/dark-orange","/colors/amber","/colors/fluorescent-orange","/colors/mustard-yellow","/compare/chrome-yellow-vs-orange","/compare/orange-vs-dark-orange","/harmonies/orange","/wcag/orange","/css/colors/orange","/hex/ffa500"]},"url":"https://www.colorsencyclopedia.com/colors/orange/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/orange.json"}