{"slug":"blue","name":"Blue","cssName":"blue","hex":"#0000FF","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":["blue"],"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":82,"rgb":[0,0,255],"hsl":[240,100,50],"cmyk":[100,100,0,0],"luminance":0.0722,"contrast":{"black":2.44,"white":8.59},"harmonies":{"complementary":"#FFFF00","analogous":["#007FFF","#7F00FF"],"triadic":["#FF0000","#00FF00"],"tetradic":["#FF0080","#FFFF00","#00FF80"],"splitComplementary":["#FF8000","#80FF00"],"monochromatic":["#5C5CFF","#0000FF","#0000A3"]},"variants":{"light":"#5C5CFF","dark":"#0000A3","saturated":"#0000FF","desaturated":"#1C1CE3","pastel":"#8989F5","neon":"#2929FF"},"wcag":{"AA":["#FFFFFF","#F5F5F5"],"AAA":["#FFFFFF","#F5F5F5"]},"css":{"variable":"--color-blue: #0000FF;","utility":".bg-blue { background-color: #0000FF; }","textUtility":".text-blue { color: #0000FF; }"},"nearestColors":["medium-blue","han-purple","neon-blue","zaffre","persian-blue"],"generatedPalettes":["blue"],"generatedComparisons":["blue-vs-han-purple","blue-vs-medium-blue"],"relatedFamilies":["/colors/by-family/blue","/colors/by-temperature/cool","/colors/by-tone/vibrant"],"relatedTools":["/harmonies/blue","/wcag/blue","/css/colors/blue","/hex/0000ff"],"semanticRelations":{"broader":["/colors/by-family/blue","/colors/by-temperature/cool","/colors/by-tone/vibrant"],"narrower":["/palettes/blue"],"related":["/colors/medium-blue","/colors/han-purple","/colors/neon-blue","/colors/zaffre","/colors/persian-blue","/compare/blue-vs-han-purple","/compare/blue-vs-medium-blue","/harmonies/blue","/wcag/blue","/css/colors/blue","/hex/0000ff"]},"url":"https://www.colorsencyclopedia.com/colors/blue/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/blue.json"}