{"slug":"orange-red","name":"Orange Red","cssName":"orangered","hex":"#FF4500","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":["orangered"],"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,69,0],"hsl":[16,100,50],"cmyk":[0,73,100,0],"luminance":0.2552,"contrast":{"black":6.1,"white":3.44},"harmonies":{"complementary":"#00BBFF","analogous":["#FF003B","#FFC300"],"triadic":["#00FF44","#4400FF"],"tetradic":["#3BFF00","#00BBFF","#C300FF"],"splitComplementary":["#00FFC4","#003BFF"],"monochromatic":["#FF875C","#FF4500","#A32C00"]},"variants":{"light":"#FF875C","dark":"#A32C00","saturated":"#FF4400","desaturated":"#E3511C","pastel":"#F5A689","neon":"#FF6229"},"wcag":{"AA":["#000000","#1A1A1A"],"AAA":[]},"css":{"variable":"--color-orange-red: #FF4500;","utility":".bg-orange-red { background-color: #FF4500; }","textUtility":".text-orange-red { color: #FF4500; }"},"nearestColors":["international-orange","scarlet","hazard-orange","neon-orange","fire-opal"],"generatedPalettes":["orange-red"],"generatedComparisons":["international-orange-vs-orange-red","orange-red-vs-scarlet"],"relatedFamilies":["/colors/by-family/orange","/colors/by-temperature/warm","/colors/by-tone/vibrant"],"relatedTools":["/harmonies/orange-red","/wcag/orange-red","/css/colors/orange-red","/hex/ff4500"],"semanticRelations":{"broader":["/colors/by-family/orange","/colors/by-temperature/warm","/colors/by-tone/vibrant"],"narrower":["/palettes/orange-red"],"related":["/colors/international-orange","/colors/scarlet","/colors/hazard-orange","/colors/neon-orange","/colors/fire-opal","/compare/international-orange-vs-orange-red","/compare/orange-red-vs-scarlet","/harmonies/orange-red","/wcag/orange-red","/css/colors/orange-red","/hex/ff4500"]},"url":"https://www.colorsencyclopedia.com/colors/orange-red/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/orange-red.json"}