[{"data":1,"prerenderedAt":104},["ShallowReactive",2],{"$f3namp2798gjc":3},{"name":4,"hex":5,"slug":6,"description":7,"textColor":8,"category":9,"fields":12,"variables":33,"shades":43,"similar":79},"Button Blue","#24a0ed","button-blue","Button Blue is a medium, vivid blue with the hex code #24a0ed. In RGB it is 36 red, 160 green and 237 blue, and black text is most readable on top of it.","black",{"slug":10,"title":11},"shades-of-blue","Shades of Blue",[13,15,18,21,24,27,30],{"label":14,"value":5},"HEX",{"label":16,"value":17},"HEX8","#24a0edff",{"label":19,"value":20},"RGB","rgb(36, 160, 237)",{"label":22,"value":23},"RGBA","rgba(36, 160, 237, 1)",{"label":25,"value":26},"RGB %","rgb(14%, 63%, 93%)",{"label":28,"value":29},"HSL","hsl(203, 85%, 54%)",{"label":31,"value":32},"HSLA","hsla(203, 85%, 54%, 1)",[34,37,40],{"label":35,"value":36},"Sass","$button-blue: #24a0ed;",{"label":38,"value":39},"Less","@button-blue: #24a0ed;",{"label":41,"value":42},"CSS","--button-blue: #24a0ed;",[44,49,53,57,61,63,67,71,75],{"name":45,"hex":46,"slug":47,"current":48},"Ice Castle","#d3ecfb","ice-castle",false,{"name":50,"hex":51,"slug":52,"current":48},"Malmö FF","#a7d9f8","malmo-ff",{"name":54,"hex":55,"slug":56,"current":48},"Nevermind Nirvana","#7cc6f4","nevermind-nirvana",{"name":58,"hex":59,"slug":60,"current":48},"Cerulean","#50b3f1","cerulean",{"name":4,"hex":5,"slug":6,"current":62},true,{"name":64,"hex":65,"slug":66,"current":48},"Skylla","#1d80be","skylla",{"name":68,"hex":69,"slug":70,"current":48},"Baleine Blue","#16608e","baleine-blue",{"name":72,"hex":73,"slug":74,"current":48},"Neptune’s Wrath","#0e405f","neptune-s-wrath",{"name":76,"hex":77,"slug":78,"current":48},"Cyanophobia","#07202f","cyanophobia",[80,84,88,92,96,100],{"name":81,"hex":82,"slug":83},"Karimun Blue","#2196f3","karimun-blue",{"name":85,"hex":86,"slug":87},"Rockman Blue","#31a2f2","rockman-blue",{"name":89,"hex":90,"slug":91},"Homeworld","#2299dd","homeworld",{"name":93,"hex":94,"slug":95},"Huelveño Horizon","#17a9e5","huelveno-horizon",{"name":97,"hex":98,"slug":99},"Royal Peacock","#27ace0","royal-peacock",{"name":101,"hex":102,"slug":103},"Lynx Screen Blue","#2cb1eb","lynx-screen-blue",1787899852262]