{"slug":"royal-blue","name":"Royal Blue","cssName":"royalblue","hex":"#4169E1","family":"blue","temperature":"cool","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":["royalblue"],"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":["blue","cool","vibrant","web-design","css-color-systems","ui-prototyping","context-dependent"],"popularity":67,"rgb":[65,105,225],"hsl":[225,73,57],"cmyk":[71,53,0,12],"luminance":0.1666,"contrast":{"black":4.33,"white":4.85},"harmonies":{"complementary":"#E1B941","analogous":["#41B9E1","#6941E1"],"triadic":["#E14169","#69E141"],"tetradic":["#E141B9","#E1B941","#41E169"],"splitComplementary":["#E16941","#B9E141"],"monochromatic":["#91A8EE","#4169E1","#1B3FAC"]},"variants":{"light":"#91A8EE","dark":"#1B3FAC","saturated":"#295DFA","desaturated":"#5975C9","pastel":"#B6C4EC","neon":"#4D79FF"},"wcag":{"AA":["#FFFFFF"],"AAA":[]},"css":{"variable":"--color-royal-blue: #4169E1;","utility":".bg-royal-blue { background-color: #4169E1; }","textUtility":".text-royal-blue { color: #4169E1; }"},"nearestColors":["iris","slate-blue","neon-blue","steel-blue","zircon-blue"],"generatedPalettes":["royal-blue"],"generatedComparisons":["iris-vs-royal-blue","neon-blue-vs-royal-blue","royal-blue-vs-slate-blue"],"relatedFamilies":["/colors/by-family/blue","/colors/by-temperature/cool","/colors/by-tone/vibrant"],"relatedTools":["/harmonies/royal-blue","/wcag/royal-blue","/css/colors/royal-blue","/hex/4169e1"],"semanticRelations":{"broader":["/colors/by-family/blue","/colors/by-temperature/cool","/colors/by-tone/vibrant"],"narrower":["/palettes/royal-blue"],"related":["/colors/iris","/colors/slate-blue","/colors/neon-blue","/colors/steel-blue","/colors/zircon-blue","/compare/iris-vs-royal-blue","/compare/neon-blue-vs-royal-blue","/compare/royal-blue-vs-slate-blue","/harmonies/royal-blue","/wcag/royal-blue","/css/colors/royal-blue","/hex/4169e1"]},"url":"https://www.colorsencyclopedia.com/colors/royal-blue/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/royal-blue.json"}