{"slug":"crimson","name":"Crimson","cssName":"crimson","hex":"#DC143C","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":["crimson"],"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":67,"rgb":[220,20,60],"hsl":[348,83,47],"cmyk":[0,91,73,14],"luminance":0.1604,"contrast":{"black":4.21,"white":4.99},"harmonies":{"complementary":"#14DBB4","analogous":["#DB14A0","#DB5014"],"triadic":["#3CDB14","#143CDB"],"tetradic":["#A0DB14","#14DBB4","#5014DB"],"splitComplementary":["#14DB50","#14A0DB"],"monochromatic":["#F05C79","#DC143C","#870D25"]},"variants":{"light":"#F05C79","dark":"#870D25","saturated":"#F00030","desaturated":"#C12F4C","pastel":"#E8879A","neon":"#FF1A47"},"wcag":{"AA":["#FFFFFF","#F5F5F5"],"AAA":[]},"css":{"variable":"--color-crimson: #DC143C;","utility":".bg-crimson { background-color: #DC143C; }","textUtility":".text-crimson { color: #DC143C; }"},"nearestColors":["cherry-red","poppy-red","cadmium-red","raspberry","persian-red"],"generatedPalettes":["crimson"],"generatedComparisons":["cherry-red-vs-crimson","crimson-vs-poppy-red","neon-red-vs-crimson","raspberry-vs-crimson"],"relatedFamilies":["/colors/by-family/red","/colors/by-temperature/warm","/colors/by-tone/vibrant"],"relatedTools":["/harmonies/crimson","/wcag/crimson","/css/colors/crimson","/hex/dc143c"],"semanticRelations":{"broader":["/colors/by-family/red","/colors/by-temperature/warm","/colors/by-tone/vibrant"],"narrower":["/palettes/crimson"],"related":["/colors/cherry-red","/colors/poppy-red","/colors/cadmium-red","/colors/raspberry","/colors/persian-red","/compare/cherry-red-vs-crimson","/compare/crimson-vs-poppy-red","/compare/neon-red-vs-crimson","/compare/raspberry-vs-crimson","/harmonies/crimson","/wcag/crimson","/css/colors/crimson","/hex/dc143c"]},"url":"https://www.colorsencyclopedia.com/colors/crimson/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/crimson.json"}