{"slug":"red","name":"Red","cssName":"red","hex":"#FF0000","family":"red","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":["red"],"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":["red","warm","vibrant","web-design","css-color-systems","ui-prototyping","context-dependent"],"popularity":82,"rgb":[255,0,0],"hsl":[0,100,50],"cmyk":[0,100,100,0],"luminance":0.2126,"contrast":{"black":5.25,"white":4},"harmonies":{"complementary":"#00FFFF","analogous":["#FF0080","#FF8000"],"triadic":["#00FF00","#0000FF"],"tetradic":["#80FF00","#00FFFF","#7F00FF"],"splitComplementary":["#00FF80","#007FFF"],"monochromatic":["#FF5C5C","#FF0000","#A30000"]},"variants":{"light":"#FF5C5C","dark":"#A30000","saturated":"#FF0000","desaturated":"#E31C1C","pastel":"#F58989","neon":"#FF2929"},"wcag":{"AA":["#000000"],"AAA":[]},"css":{"variable":"--color-red: #FF0000;","utility":".bg-red { background-color: #FF0000; }","textUtility":".text-red { color: #FF0000; }"},"nearestColors":["signal-red","scarlet","cadmium-red","traffic-red","neon-red"],"generatedPalettes":["red"],"generatedComparisons":["red-vs-scarlet","red-vs-signal-red"],"relatedFamilies":["/colors/by-family/red","/colors/by-temperature/warm","/colors/by-tone/vibrant"],"relatedTools":["/harmonies/red","/wcag/red","/css/colors/red","/hex/ff0000"],"semanticRelations":{"broader":["/colors/by-family/red","/colors/by-temperature/warm","/colors/by-tone/vibrant"],"narrower":["/palettes/red"],"related":["/colors/signal-red","/colors/scarlet","/colors/cadmium-red","/colors/traffic-red","/colors/neon-red","/compare/red-vs-scarlet","/compare/red-vs-signal-red","/harmonies/red","/wcag/red","/css/colors/red","/hex/ff0000"]},"url":"https://www.colorsencyclopedia.com/colors/red/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/red.json"}