{"slug":"medium-blue","name":"Medium Blue","cssName":"mediumblue","hex":"#0000CD","family":"blue","temperature":"cool","tone":["vibrant","jewel-tone"],"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":["mediumblue"],"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","jewel-tone","web-design","css-color-systems","ui-prototyping","context-dependent"],"popularity":67,"rgb":[0,0,205],"hsl":[240,100,40],"cmyk":[100,100,0,20],"luminance":0.0441,"contrast":{"black":1.88,"white":11.16},"harmonies":{"complementary":"#CCCC00","analogous":["#0066CC","#6600CC"],"triadic":["#CC0000","#00CC00"],"tetradic":["#CC0066","#CCCC00","#00CC66"],"splitComplementary":["#CC6600","#66CC00"],"monochromatic":["#2929FF","#0000CD","#000070"]},"variants":{"light":"#2929FF","dark":"#000070","saturated":"#0000CC","desaturated":"#1616B6","pastel":"#5A5AF2","neon":"#0000F5"},"wcag":{"AA":["#FFFFFF","#F5F5F5"],"AAA":["#FFFFFF","#F5F5F5"]},"css":{"variable":"--color-medium-blue: #0000CD;","utility":".bg-medium-blue { background-color: #0000CD; }","textUtility":".text-medium-blue { color: #0000CD; }"},"nearestColors":["zaffre","blue","ultramarine","dark-blue","persian-blue"],"generatedPalettes":["medium-blue"],"generatedComparisons":["blue-vs-medium-blue","medium-blue-vs-zaffre"],"relatedFamilies":["/colors/by-family/blue","/colors/by-temperature/cool","/colors/by-tone/vibrant","/colors/by-tone/jewel-tone"],"relatedTools":["/harmonies/medium-blue","/wcag/medium-blue","/css/colors/medium-blue","/hex/0000cd"],"semanticRelations":{"broader":["/colors/by-family/blue","/colors/by-temperature/cool","/colors/by-tone/vibrant","/colors/by-tone/jewel-tone"],"narrower":["/palettes/medium-blue"],"related":["/colors/zaffre","/colors/blue","/colors/ultramarine","/colors/dark-blue","/colors/persian-blue","/compare/blue-vs-medium-blue","/compare/medium-blue-vs-zaffre","/harmonies/medium-blue","/wcag/medium-blue","/css/colors/medium-blue","/hex/0000cd"]},"url":"https://www.colorsencyclopedia.com/colors/medium-blue/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/medium-blue.json"}