{"id":2260,"date":"2017-05-04T08:49:26","date_gmt":"2017-05-04T13:49:26","guid":{"rendered":"http:\/\/cssnewbie.com\/?p=2260"},"modified":"2017-05-04T08:49:26","modified_gmt":"2017-05-04T13:49:26","slug":"how-to-use-this-free-summer-inspired-color-palette","status":"publish","type":"post","link":"https:\/\/cssdeck.com\/blog\/how-to-use-this-free-summer-inspired-color-palette\/","title":{"rendered":"How to Use this Free Summer-Inspired Color Palette"},"content":{"rendered":"<p>It&#8217;s never too early to start thinking about your summer color schemes and themes! Summer is just around the corner, and if you&#8217;re so far uninspired by the season, check out these 5 bright, summery colors that are sure to get you in the mood for warm weather and barbecues. We&#8217;ve got a soft mustard yellow, a bold orange, a bright, turquoise blue (the color of the sea &#8212;\u00a0or the pool, if you prefer), an electric green and a light fuchsia. These colors capture not only the warmth but also the happiness of the summer season. The colors can stand on their own or be used in conjunction with each other.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-2261 aligncenter\" src=\"https:\/\/cssdeck.com\/blog\/wp-content\/uploads\/2017\/04\/summer.png\" alt=\"summer\" width=\"500\" height=\"200\" \/><\/p>\n<p>For your own convenience, we&#8217;ve got a list of the hex and rgb values for these colors so that you can easily insert them into your own projects. Remember, to take advantage of the opacity feature and use rgba instead of rgb, just use the rgb value but write rgba instead of rgb, and include a fourth value within the parentheses that represents the opacity value. So for example, if your rgb is rgb(245, 246, 134) (this is the yellow color), and you want to create an rgba code with the opacity value of .6 (or 60% opaque), then your rgba code would look like this: rgba(245, 246, 134, .6).<\/p>\n<p>Check out the color values below:<\/p>\n<ul>\n<li>yellow: #f5f686 \/\/ rgb(245, 246, 134)<\/li>\n<li>orange: #ffb400 \/\/ rgb(255, 180, 0)<\/li>\n<li>blue: #00e2ff \/\/ rgb(0, 226, 255)<\/li>\n<li>green: #00e8a0 \/\/ rgb(0, 232, 160)<\/li>\n<li>pink: #fddcff \/\/ rgb(253, 220, 255)<\/li>\n<\/ul>\n<p>Use these colors on their own, all together, or use any combination of the five to add\u00a0a bright, warm, and sweet vibe to any of your projects this summer, whether it be websites, graphics, email newsletters, promotions, etc. They can also be used in projects that aren&#8217;t summer themed but might need a pop of color or warmth. Be creative and you can&#8217;t go wrong!<\/p>\n<div class=\"wp-socializer wpsr-share-icons \" data-lg-action=\"show\" data-sm-action=\"show\" data-sm-width=\"768\" ><h3>Share and Enjoy !<\/h3><div class=\"wpsr-si-inner\"><div class=\"wpsr-counter wpsrc-sz-32px\" style=\"color:#000\"><span class=\"scount\"><span data-wpsrs=\"\" data-wpsrs-svcs=\"facebook,twitter,linkedin,pinterest,print,pdf\">0<\/span><\/span><small class=\"stext\">Shares<\/small><\/div><div class=\"socializer sr-popup sr-32px sr-circle sr-opacity sr-pad sr-count-1 sr-count-1\"><span class=\"sr-facebook\"><a rel=\"nofollow\" href=\"https:\/\/www.facebook.com\/share.php?u=\" target=\"_blank\"  title=\"Share this on Facebook\"  style=\"color: #ffffff\" ><i class=\"fab fa-facebook-f\"><\/i><span class=\"ctext\"><span data-wpsrs=\"\" data-wpsrs-svcs=\"facebook\">0<\/span><\/span><\/a><\/span>\n<span class=\"sr-twitter\"><a rel=\"nofollow\" href=\"https:\/\/twitter.com\/intent\/tweet?text=%20-%20%20\" target=\"_blank\"  title=\"Tweet this !\"  style=\"color: #ffffff\" ><i class=\"fab fa-twitter\"><\/i><\/a><\/span>\n<span class=\"sr-linkedin\"><a rel=\"nofollow\" href=\"https:\/\/www.linkedin.com\/sharing\/share-offsite\/?url=\" target=\"_blank\"  title=\"Add this to LinkedIn\"  style=\"color: #ffffff\" ><i class=\"fab fa-linkedin-in\"><\/i><\/a><\/span>\n<span class=\"sr-pinterest\"><a rel=\"nofollow\" href=\"https:\/\/www.pinterest.com\/pin\/create\/button\/?url=&amp;media=&amp;description=\" target=\"_blank\"  title=\"Submit this to Pinterest\"  style=\"color: #ffffff\" data-pin-custom=\"true\"><i class=\"fab fa-pinterest\"><\/i><span class=\"ctext\"><span data-wpsrs=\"\" data-wpsrs-svcs=\"pinterest\">0<\/span><\/span><\/a><\/span>\n<span class=\"sr-print\"><a rel=\"nofollow\" href=\"https:\/\/www.printfriendly.com\/print?url=\" target=\"_blank\"  title=\"Print this article \"  style=\"color: #ffffff\" ><i class=\"fa fa-print\"><\/i><\/a><\/span>\n<span class=\"sr-pdf\"><a rel=\"nofollow\" href=\"https:\/\/www.printfriendly.com\/print?url=\" target=\"_blank\"  title=\"Convert to PDF\"  style=\"color: #ffffff\" ><i class=\"fa fa-file-pdf\"><\/i><\/a><\/span><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>It&#8217;s never too early to start thinking about your summer color schemes and themes! Summer is just around the corner, and if you&#8217;re so far uninspired by the season, check out these 5 bright, summery colors that are sure to [&#8230;]<\/p>\n<p><a class=\"more-link article\" href=\"https:\/\/cssdeck.com\/blog\/how-to-use-this-free-summer-inspired-color-palette\/\" title=\"Click to read 'How to Use this Free Summer-Inspired Color Palette'\">Read Article<\/a><\/p>\n","protected":false},"author":18,"featured_media":2891,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/posts\/2260"}],"collection":[{"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/comments?post=2260"}],"version-history":[{"count":0,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/posts\/2260\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/media\/2891"}],"wp:attachment":[{"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/media?parent=2260"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/categories?post=2260"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/tags?post=2260"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}