{"slug":"steel-blue","name":"Steel Blue","cssName":"steelblue","hex":"#4682B4","family":"blue","temperature":"cool","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":["steelblue"],"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","balanced","web-design","css-color-systems","ui-prototyping","context-dependent"],"popularity":63,"rgb":[70,130,180],"hsl":[207,44,49],"cmyk":[61,28,0,29],"luminance":0.2056,"contrast":{"black":5.11,"white":4.11},"harmonies":{"complementary":"#B47746","analogous":["#46B4AE","#464BB4"],"triadic":["#B44682","#82B446"],"tetradic":["#AE46B4","#B47746","#4BB446"],"splitComplementary":["#B4464B","#B4AE46"],"monochromatic":["#86AFD0","#4682B4","#2C5372"]},"variants":{"light":"#86AFD0","dark":"#2C5372","saturated":"#2A85CF","desaturated":"#618098","pastel":"#A9BFD0","neon":"#249CFF"},"wcag":{"AA":["#000000"],"AAA":[]},"css":{"variable":"--color-steel-blue: #4682B4;","utility":".bg-steel-blue { background-color: #4682B4; }","textUtility":".text-steel-blue { color: #4682B4; }"},"nearestColors":["tanzanite","cadet-blue","labradorite","verdigris","royal-blue"],"generatedPalettes":["steel-blue"],"generatedComparisons":["steel-blue-vs-cadet-blue","steel-blue-vs-tanzanite","zircon-blue-vs-steel-blue"],"relatedFamilies":["/colors/by-family/blue","/colors/by-temperature/cool","/colors/by-tone/balanced"],"relatedTools":["/harmonies/steel-blue","/wcag/steel-blue","/css/colors/steel-blue","/hex/4682b4"],"semanticRelations":{"broader":["/colors/by-family/blue","/colors/by-temperature/cool","/colors/by-tone/balanced"],"narrower":["/palettes/steel-blue"],"related":["/colors/tanzanite","/colors/cadet-blue","/colors/labradorite","/colors/verdigris","/colors/royal-blue","/compare/steel-blue-vs-cadet-blue","/compare/steel-blue-vs-tanzanite","/compare/zircon-blue-vs-steel-blue","/harmonies/steel-blue","/wcag/steel-blue","/css/colors/steel-blue","/hex/4682b4"]},"url":"https://www.colorsencyclopedia.com/colors/steel-blue/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/steel-blue.json"}