{"slug":"firebrick","name":"Firebrick","cssName":"firebrick","hex":"#B22222","family":"red","temperature":"warm","tone":["balanced"],"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":["firebrick"],"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","balanced","web-design","css-color-systems","ui-prototyping","context-dependent"],"popularity":63,"rgb":[178,34,34],"hsl":[0,68,42],"cmyk":[0,81,81,30],"luminance":0.1072,"contrast":{"black":3.14,"white":6.68},"harmonies":{"complementary":"#22B4B4","analogous":["#B4226B","#B46B22"],"triadic":["#22B422","#2222B4"],"tetradic":["#6BB422","#22B4B4","#6B22B4"],"splitComplementary":["#22B46B","#226BB4"],"monochromatic":["#DE5454","#B22222","#671414"]},"variants":{"light":"#DE5454","dark":"#671414","saturated":"#CB0B0B","desaturated":"#9C3A3A","pastel":"#D77E7E","neon":"#FF0000"},"wcag":{"AA":["#FFFFFF","#F5F5F5"],"AAA":[]},"css":{"variable":"--color-firebrick: #B22222;","utility":".bg-firebrick { background-color: #B22222; }","textUtility":".text-firebrick { color: #B22222; }"},"nearestColors":["tool-red","brown","ruby-red","pompeian-red","anodized-red"],"generatedPalettes":["firebrick"],"generatedComparisons":["brown-vs-firebrick","firebrick-vs-tool-red","pompeian-red-vs-firebrick"],"relatedFamilies":["/colors/by-family/red","/colors/by-temperature/warm","/colors/by-tone/balanced"],"relatedTools":["/harmonies/firebrick","/wcag/firebrick","/css/colors/firebrick","/hex/b22222"],"semanticRelations":{"broader":["/colors/by-family/red","/colors/by-temperature/warm","/colors/by-tone/balanced"],"narrower":["/palettes/firebrick"],"related":["/colors/tool-red","/colors/brown","/colors/ruby-red","/colors/pompeian-red","/colors/anodized-red","/compare/brown-vs-firebrick","/compare/firebrick-vs-tool-red","/compare/pompeian-red-vs-firebrick","/harmonies/firebrick","/wcag/firebrick","/css/colors/firebrick","/hex/b22222"]},"url":"https://www.colorsencyclopedia.com/colors/firebrick/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/firebrick.json"}