{"id":89407,"date":"2024-10-18T10:30:00","date_gmt":"2024-10-18T10:30:00","guid":{"rendered":"https:\/\/outliereditor.co.za\/?p=89407"},"modified":"2025-11-17T17:38:57","modified_gmt":"2025-11-17T17:38:57","slug":"unlock-the-power-of-colour","status":"publish","type":"post","link":"https:\/\/outliereditor.co.za\/index.php\/2024\/10\/18\/unlock-the-power-of-colour\/","title":{"rendered":"Unlock the power of colour"},"content":{"rendered":"\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>We&#8217;ve made more than 600 charts and spent the past year training about 150 people about the secrets to effective data storytelling in our hands-on workshops. <\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>We&#8217;ve realised that colour \u2013 one of the most critical elements of compelling charts and visuals \u2013 is often the most misused or misunderstood. <\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>To help you supercharge your stories, we&#8217;ve put together a <strong>Quick Guide to Colour <\/strong>that distills our insights into how to use colour effectively in data visualisation, complete with real examples, practical tips as well as some of our favourite tools.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>Drop your email below, and we\u2019ll send you a guide that will help elevate your data storytelling<\/strong>\ud83d\udc47<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>This FREE GUIDE will help you to:<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Use colour to draw attention<\/li>\n\n\n\n<li>Design for accessibility and inclusivity<\/li>\n\n\n\n<li>Flex the feelings associated with colours<\/li>\n\n\n\n<li>Distinguish between continuous and categorical data<\/li>\n<\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>PS: By entering your email you\u2019ll also be signed up to our weekly\u00a0Outlier newsletter where we share more dataviz news, tips and tricks. We don&#8217;t share your data with anyone and you can unsubscribe at any time by clicking on the link at the end of our emails.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class style=\"min-height: 100vh; padding-bottom: 5rem; padding-top: 5rem; background: #44B9D7;\"><div class=\"l-center-container\"><div class=\"sc-ckVGcZ jslhpj\"><h1 size=\"48px\" color=\"#ffffff\" class=\"sc-jKJlTe uwjMW\">\ud83c\udfa8 Master the art of communicating with colour<\/h1><\/div><div><div class=\"sc-bdVaJa iIDDUy\"><div><div><p size=\"16px\" color=\"#434D5D\" class=\"sc-csuQGl cJijMz\">Yes! Please send me the FREE guide to using colour effectively in data visualisation<\/p><div spacing=\"base\" class=\"sc-kkGfuU kGKhzg\"><\/div><\/div><form class=\"js-cm-form\" id=\"subForm\" action=\"https:\/\/www.createsend.com\/t\/subscribeerror?description=\" method=\"post\" data-id=\"92D4C54F0FEC16E5ADC2B1904DE9ED1AF8AACA81924F29C9D5F0E50F7C4EA573230FA3AFB3091450E140E400ED851510C787F7CA33241C528E41326598C5DCE1\"><div size=\"base\" class=\"sc-cSHVUG jZSLFe\"><div size=\"small\" class=\"sc-cSHVUG kXIIFK\"><div><label size=\"14px\" color=\"#434D5D\" class=\"sc-gzVnrw bBsEyU\">Name <\/label><input aria-label=\"Name\" id=\"fieldName\" maxLength=\"200\" name=\"cm-name\" class=\"sc-gZMcBi dshyOS\" \/><\/div><\/div><div size=\"small\" class=\"sc-cSHVUG kXIIFK\"><div><label size=\"14px\" color=\"#434D5D\" class=\"sc-gzVnrw bBsEyU\">Email <span class=\"sc-dnqmqq iFTUZ\">*<\/span><\/label><input autoComplete=\"Email\" aria-label=\"Email\" id=\"fieldEmail\" maxLength=\"200\" name=\"cm-ttttnr-ttttnr\" required type=\"email\" class=\"js-cm-email-input qa-input-email sc-gZMcBi dshyOS\" \/><\/div><\/div><div size=\"small\" class=\"sc-cSHVUG kXIIFK\"><div><label size=\"14px\" color=\"#434D5D\" class=\"sc-gzVnrw bBsEyU\">Industry <\/label><div class=\"sc-gqjmRU bjYfes\"><select aria-label=\"Industry\" id=\"fieldtdkkhrh\" name=\"cm-fo-tdkkhrh\" value class=\"sc-VigVT jMAAaa\"><option disabled selected value>Select&#8230;<\/option><option value=\"6852414\">Finance \/ Banking<\/option><option value=\"6852415\">Business \/ Retail<\/option><option value=\"6852416\">Technology \/ IT<\/option><option value=\"6852417\">Healthcare \/ Medical<\/option><option value=\"6852418\">Academia \/ Research<\/option><option value=\"6852419\">Non-profit<\/option><option value=\"6852420\">Media \/ Communications \/ Marketing<\/option><option value=\"6852421\">Government \/ Public sector<\/option><option value=\"6852422\">Other (industries not listed above)<\/option><\/select><svg aria-hidden=\"true\" class=\"sc-jTzLTM liGfFV\" fill=\"currentColor\" viewBox=\"2 0 10 14\"><path d=\"M4.95 4.07L2.12 1.244c-.39-.39-1.023-.39-1.413 0-.39.39-.39 1.024 0 1.414L3.95 5.9c.187.187.44.292.707.292h.585c.266 0 .52-.105.708-.292l3.242-3.243c.39-.39.39-1.024 0-1.414-.39-.39-1.024-.39-1.414 0L4.95 4.07z\" fill-rule=\"evenodd\" transform=\"translate(0 4)\"><\/path><\/svg><\/div><\/div><\/div><div size=\"small\" class=\"sc-cSHVUG kXIIFK\"><div><input aria-label=\"Signup source\" id=\"fieldtdultri\" maxLength=\"200\" name=\"cm-f-tdultri\" class=\"sc-gZMcBi dshyOS\" type=\"hidden\" value=\"Colour Guide Download\" \/><\/div><\/div><div size=\"base\" class=\"sc-cSHVUG jZSLFe\"><\/div><\/div><button size=\"16px\" color=\"#FFFFFF\" type=\"submit\" class=\"js-cm-submit-button sc-jWBwVP jSSUIT\">SEND ME THE GUIDE!<\/button><\/form><\/div><\/div><\/div><\/div><\/div>\n\n<style>.iIDDUy { background: rgb(255, 255, 255); border-radius: 0.3125rem; max-width: 35.25rem; margin-left: auto; margin-right: auto; padding: 2.5rem 2.75rem; position: relative; }.dEVaGV { font-family: Helvetica, Arial, sans-serif; color: rgb(93, 93, 101); display: block; font-size: 0.875rem; font-weight: 400; margin-bottom: 0.5rem; }.bBsEyU { font-family: Lato, sans-serif; color: rgb(67, 77, 93); display: block; font-size: 14px; font-weight: 400; margin-bottom: 0.5rem; }.cWlEVA { color: rgb(221, 54, 42); font-style: normal; font-size: 0.75rem; margin-top: 0.25rem; }.iFTUZ { color: rgb(221, 54, 42); }.dshyOS { appearance: none; background-color: rgb(255, 255, 255); border: 0px; border-radius: 0.1875rem; box-sizing: border-box; box-shadow: rgba(142, 154, 173, 0.1) 0px 2px 0px 0px inset, rgb(210, 215, 223) 0px 0px 0px 1px inset, rgb(255, 255, 255) 0px 1px 0px 0px; color: rgb(67, 77, 93); font-size: 0.875rem; line-height: 1.5; min-height: 2.8125rem; outline: 0px; padding: 0.75rem 1rem; transition: box-shadow 0.2s; width: 100%; }.dshyOS:focus { box-shadow: transparent 0px 0px 0px 0px inset, rgb(80, 156, 246) 0px 0px 0px 1px inset, rgba(80, 156, 246, 0.25) 0px 0px 0px 2px; }.kXBvSP { appearance: none; background-color: rgb(255, 255, 255); border: 0px; border-radius: 0.1875rem; box-sizing: border-box; box-shadow: rgb(221, 54, 42) 0px 0px 0px 1px, rgb(232, 82, 68) 0px 0px 4px 0px, rgb(232, 82, 68) 0px 0px 2px -2px; color: rgb(67, 77, 93); font-size: 0.875rem; line-height: 1.5; min-height: 2.8125rem; outline: 0px; padding: 0.75rem 1rem; transition: box-shadow 0.2s; width: 100%; }.kXBvSP:focus { box-shadow: rgb(221, 54, 42) 0px 0px 0px 1px, rgb(232, 82, 68) 0px 0px 4px 0px, rgb(232, 82, 68) 0px 0px 2px -2px; }.bjYfes { background-color: rgb(250, 250, 251); border-radius: 0.1875rem; box-shadow: rgb(255, 255, 255) 0px 2px 0px 0px inset, rgb(210, 215, 223) 0px 0px 0px 1px, rgba(142, 154, 173, 0.1) 0px 3px 0px 0px; display: block; position: relative; }.jMAAaa { appearance: none; background: transparent; border: 0px; box-sizing: border-box; color: rgb(67, 77, 93); cursor: pointer; display: block; font-size: 0.875rem; min-height: 2.8125rem; outline: 0px; padding: 0.75rem 2.5rem 0.75rem 1rem; text-align: left; transition: box-shadow 0.2s; width: 100%; }.jMAAaa:focus { box-shadow: transparent 0px 0px 0px 0px inset, rgb(80, 156, 246) 0px 0px 0px 1px inset, rgba(80, 156, 246, 0.25) 0px 0px 0px 2px; }.liGfFV { color: rgb(142, 154, 173); height: 1rem; line-height: 0; max-height: 100%; max-width: 100%; pointer-events: none; position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); width: 1rem; }.jZSLFe { margin-bottom: 1.5rem; }.kXIIFK { margin-bottom: 1rem; }.gIFfJb { margin-bottom: 0rem; }.jslhpj { margin-left: auto; margin-right: auto; max-width: 29.125rem; padding-bottom: 3.125rem; }.iclkhW { font-size: 3rem; text-align: center; letter-spacing: -1px; line-height: 1.17; -webkit-font-smoothing: antialiased; font-weight: 900; font-family: Lato, sans-serif; color: rgb(0, 0, 0); }.uwjMW { font-size: 48px; text-align: center; letter-spacing: -1px; line-height: 1.17; -webkit-font-smoothing: antialiased; font-weight: 900; font-family: Lato, sans-serif; color: rgb(255, 255, 255); }.jCvNiK { font-size: 2em; margin: 0.67em 0px; font-weight: bold; color: rgb(0, 0, 0); }.kGKhzg { border-bottom: 1px solid rgb(210, 215, 223); margin-bottom: 1.5rem; padding-top: 1.5rem; }@-webkit-keyframes iECmZH {   0% { transform: rotate(0deg); }  100% { transform: rotate(360deg); }}@keyframes iECmZH {   0% { transform: rotate(0deg); }  100% { transform: rotate(360deg); }}.fClqPV { background-color: rgb(123, 177, 61); border: none; border-radius: 3px; color: rgb(255, 255, 255); display: inline-block; font-family: Helvetica, Arial, sans-serif; font-size: 1rem; font-style: normal; font-weight: 700; line-height: 1; outline: 0px; padding: 0.75rem 1.5rem; text-decoration: none; transition: background-color 0.1s ease-in, box-shadow 0.1s ease-in; }.fClqPV:hover { cursor: pointer; }.jSSUIT { background-color: rgb(0, 137, 170); border: none; border-radius: 3px; color: rgb(255, 255, 255); display: inline-block; font-family: Lato, sans-serif; font-size: 16px; font-style: normal; font-weight: 700; line-height: 1; outline: 0px; padding: 0.75rem 1.5rem; text-decoration: none; transition: background-color 0.1s ease-in, box-shadow 0.1s ease-in; }.jSSUIT:hover { cursor: pointer; }.cJijMz { white-space: pre-wrap; font-size: 16px; font-family: Lato, sans-serif; color: rgb(67, 77, 93); }a, abbr, address, article, aside, b, blockquote, body, caption, cite, code, dd, details, dialog, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, html, i, iframe, img, label, legend, li, main, menu, nav, object, ol, p, pre, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, u, ul { border: 0px; margin: 0px; padding: 0px; }<\/style>\n\n<script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/webfont\/1.6.26\/webfont.js\"><\/script><script>WebFont.load({google:{families:['Lato:900:latin','Lato:300:latin','Playfair+Display:700italic:latin','Merriweather:700:latin','Crete+Round::latin','PT+Sans+Narrow:700:latin']}});<\/script><script type=\"text\/javascript\" src=\"https:\/\/js.createsend1.com\/javascript\/copypastesubscribeformlogic.js\"><\/script>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>To help you supercharge your stories, we&#8217;ve put together a <strong>quick guide to colour<\/strong> that distills our insights into how to use colour effectively in data visualisation, complete with real examples, practical tips as well as some of our favourite tools.<\/p>\n<p>\ud83d\udd17 <a href=\"https:\/\/www.theoutlier.co.za\/how-to\/2024-09-17\/89407\/unlock-the-power-of-colour\">Get your free copy of The Outlier&#8217;s guide to colour<\/a> <\/p>\n","protected":false},"author":7,"featured_media":89408,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[448,1387],"tags":[],"newsletter-post":[],"site":[],"class_list":["post-89407","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","category-the-outlier"],"acf":{"big_number":"","big_number_caption":"","big_number_link":"","big_number_background":"","big_number_text_colour":"#000000","big_number_icon":false,"big_number_wide":"yes","featured_chart":false,"flourish_chart_id":"","flourish_sub_title":"","flourish_chart_width":"medium","is_newsletter_post":"No","post_style":"blc","show_on_front":"No","link_through":"Yes","chart_url":"","background_colour":"#0089AA","text_colour":"#FFFFFF"},"_links":{"self":[{"href":"https:\/\/outliereditor.co.za\/index.php\/wp-json\/wp\/v2\/posts\/89407","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/outliereditor.co.za\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/outliereditor.co.za\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/outliereditor.co.za\/index.php\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/outliereditor.co.za\/index.php\/wp-json\/wp\/v2\/comments?post=89407"}],"version-history":[{"count":67,"href":"https:\/\/outliereditor.co.za\/index.php\/wp-json\/wp\/v2\/posts\/89407\/revisions"}],"predecessor-version":[{"id":89491,"href":"https:\/\/outliereditor.co.za\/index.php\/wp-json\/wp\/v2\/posts\/89407\/revisions\/89491"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/outliereditor.co.za\/index.php\/wp-json\/wp\/v2\/media\/89408"}],"wp:attachment":[{"href":"https:\/\/outliereditor.co.za\/index.php\/wp-json\/wp\/v2\/media?parent=89407"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/outliereditor.co.za\/index.php\/wp-json\/wp\/v2\/categories?post=89407"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/outliereditor.co.za\/index.php\/wp-json\/wp\/v2\/tags?post=89407"},{"taxonomy":"newsletter-post","embeddable":true,"href":"https:\/\/outliereditor.co.za\/index.php\/wp-json\/wp\/v2\/newsletter-post?post=89407"},{"taxonomy":"site","embeddable":true,"href":"https:\/\/outliereditor.co.za\/index.php\/wp-json\/wp\/v2\/site?post=89407"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}