How to Use Color Blind Friendly Palettes to Make Your Charts Accessible

• Blind, Color

8 min. (1539 words)

how-to-use-color-blind-friendly-palettes-to-make-your-charts-accessible

Color blind friendly palette

Colors play a central role in data visualization. But what if your readers are color blind?

According to Color Blind Awareness, color blindness affects 1 in 12 men (8%) and 1 in 200 women (0.5%). There are an estimated 300 million color blind people worldwide, including Mark Zuckerberg, Bill Clinton and Prince William!

Color blind friendly palette - famous color blind people



Optimizing your graphics can help make them more accessible—and that doesn’t mean banishing color from your charts and graphs either. Contrary to popular belief, more than 99% of color blind people can, in fact, see color—just not in the same way as someone who isn’t impacted by color blindness.

In this guide, we’ll break down the different types of color blindness and their special considerations with respect to data visualization. We’ll also show you how to effectively use color blind friendly palettes to make your graphics available to a wider range of people.

We’ve put together some ready-made color blind friendly palettes to inspire you. Scroll down to the section 4 for that.

Table of Contents

  1. What is color blindness?
  2. What are the 3 types of color blindness?
  3. Why color is important to data visualization
  4. How to design charts with a color blind friendly palette
  5. Key takeaways

First thing’s first…

What is color blindness?

Color blindness—also known as color vision deficiency (CVD)—is a deficiency in distinguishing between different colors. It occurs when light-sensitive tissue in the back of the eye—the retina–fails to properly respond to variations in wavelengths of light, which enable people to see different colors.

Color blind friendly color palette - retina

IMAGE SOURCE

Although color blindness is primarily an inherited condition, it can also result from cataracts or trauma to the eye, as well as a number of diseases, including Parkinson’s, Kallman’s Syndrome and diabetes. Damage to the retina caused by aging can additionally cause color blindness.

What are the 3 types of color blindness?

Color spectrums of the 3 types of color blindness

IMAGE SOURCE

There are three distinct types of color blindness:

Red/Green Color Blindness

According to Colblindor, 99% of all color blind people suffer from red/green color blindness. This is further broken down into two distinct categories:

  • Protanopia: Also referred to as “red weakness”, individuals who suffer with this variation of red/green color blindness are unable to perceive red light.

Normal vision compared with protanopia

Left: Normal vision, Right: Protanopia

IMAGE SOURCE

The protanopia color spectrum looks like this:

Protanopia color spectrum

SOURCE

  • Deuteranopia / Deuteranomaly: Also known as “green weakness”, this type of red/green color blindness renders people insensitive to green light (deuteranomaly) or unable to perceive any green light at all (deuteranopia).

Normal color vision compared to color blindness

Left: Normal vision, Right: Deuteranopia

IMAGE SOURCE

The deuteranopia color spectrum looks like this:

Color blind spectrum - Deuteranopia

SOURCE

Red/green color blindness is inherited, and affects males more than females. The reason for this is because the genes responsible for this condition are contained within the X chromosome.

Color blind friendly palette - statistic

Because women have two X chromosomes, any deficiencies in one will typically be compensated by the other. Men, however, only have one X chromosome, and don’t have a “spare” to fall back on.

Color blind friendly palette - statistic



Blue/Yellow Color Blindness

People who suffer from blue/yellow color blindness have difficulty distinguishing between blue and yellow colors.

This particular form of color blindness–also known as Tritanopia–is far less common than its red/green counterpart. In fact, according to the U.S. National Library of Medicine, blue/yellow color blindness affects fewer than 1 in 10,000 people worldwide.

Because Tritanopia isn’t caused by a genetic trait linked to the X chromosome, it is equally present in both men and women.

Color blind friendly palette - Tritanopia

Left: Normal vision, Right: Tritanopia

IMAGE SOURCE

The Tritanopia color spectrum looks like this:

Tritanopia color spectrum

SOURCE

Complete Color Blindness

People who suffer from complete color blindness—also known as Monochromacy—are unable to distinguish between any colors at all. Monochromacy is extremely rare, occurring in 1 in 33,000 people, according to Colour Blind Awareness.

Complete color blindness

IMAGE SOURCE

Why is color so important in data visualization?

Color plays a significant role in data visualization. For starters, colors are used to highlight important information, as well as illustrate relationships between various types of data. Color also plays an instrumental role in guiding the viewer’s eye. It can even be used to stimulate emotion through color psychology.

Disney color wheel



You can even argue that the colors used in charts and infographics actually tell the story of the data they represent. As Eva Murray writes in Forbes:

In data visualization, color sets the tone and enforces a message for the underlying visual display. It creates a certain atmosphere and can turn an unassuming visualization into an emotion-filled data story.

WATCH: Everything you need to know about COLOR… in under 3 minutes

Knowing how to pick colors is important, but when you’re optimizing for accessibility, there’s more to consider than color theory and composition.

HOT TIP: Venngage’s Brand Kit feature makes it easy to automatically import your brand colors and brand fonts into your designs.

You can also use Venngage’s color picker tool to easily switch out different colors, a particularly useful tool for working with color blind friendly palettes.

Color blind friendly palette - editor

How to design charts with a color blind friendly palette

1.) Plan out your color scheme beforehand

Using a color blind friendly palette doesn’t mean you need to compromise on aesthetics or strip out all the color from your charts. By planning ahead, you can ensure a color blind friendly palette compliments your design, rather than clashes.

Color blind friendly color palette

IMAGE SOURCE

Even with a tool like Venngage, which can drastically scale back the number of hours required to create an infographic, it’s still ideal to flesh out your color scheme before you dive in and start a new project.

After all, if it turns out your colors aren’t particularly suited to color blind people—and accessibility is important to you—it’s better to find this out before you’ve invested considerable time and effort in the design.

If you’re not sure where to start, these color blind color wheels can be a useful reference to quickly determine how your colors will translate across different forms of color blindness:

Color blind friendly color palette

IMAGE SOURCE

Better yet, we’ve put together some versatile color blind friendly palettes:

Color blind friendly color palette



HOT TIP: If you’re stuck, try using a tool like Coblis, a free color blind simulator which will give you a better sense of how your images will appear to people with color blindness.

2.) Avoid problematic color combinations

Another reason you should plan out your color scheme beforehand is so you can avoid using problematic color combinations, some of which can make your charts or infographics completely inaccessible to color blind people.

Color combinations to avoid for people with color blindness include:

  • Red & green
  • Green & brown
  • Green & blue
  • Blue & gray
  • Blue & purple
  • Green & gray
  • Green & black

If you’re stuck and absolutely must use one of these combinations, try making adjusting the shades so one is extremely dark, and the other extremely light—most color blind people can detect contrast, so this likely will make things easier.

Color blind friendly palette - Problematic colors



3.) Use highly contrasting colors

As previously mentioned, contrast isn’t an issue for most people who are color blind. Darken and lighten your colors, respectively, to make the contrast more pronounced. You can also play with different hues, as well as levels of brightness and saturation.

Color blind friendly palette - template



4.) Use patterns and textures

Using patterns and textures in your design is a great way to incorporate visual elements into your design which don’t rely on color.

Color blind friendly palette - bar chart

IMAGE SOURCE

Venngage’s drag-and-drop design editor features a library of patterns you can use to enhance your design and make it more accessible.

Venngage editor - patterns

5.) Use symbols

Symbols and icons are a great way to make your designs more accessible because they can visually punctuate a message, without relying on color.

Color blind friendly palette - icons



Hot Tip: Venngage’s library includes over 4,000 icons you can use to make your infographics and charts more accessible.

Color blind friendly palette - icons

6.) Make your chart monochromatic

Because color blindness doesn’t impact the ability to distinguish between different shades, consider making your charts monochromatic. Using a restricted color palette will naturally mean there are fewer opportunities to use problematic colors or combinations.

Color blind friendly palette - template



Color blind friendly palette - template



7.) Keep your design clean and simple

When you’re designing for accessibility, it’s important to keep your infographics as simple and streamlined as possible. Adopting a minimalistic approach will help ensure your presentations are more easily understood, whether or not your audience is color blind.

Key takeaways for using color blind friendly palettes

Optimizing your infographics and charts for people affected by color blindness is important for both accessibility and inclusivity. It’s also possible to do without compromising the aesthetic quality in the process.

The following measures can help ensure color blind people are actually able to engage with your designs:

  • Selecting color blind friendly palettes
  • Avoiding problematic color combinations
  • Using different textures and patterns to highlight important information–not just color
  • Using symbols and icons to supplement color-coded messages, warnings and alerts
  • Using highly contrasted color combinations
  • Adopting minimalistic design to help avoid unnecessary confusion.

Combining all these elements will help make your designs more accessible to color blind people. After all, the more people you can engage with, the more impactful your work will be.

Related blog posts:

6 Ways to Use Infographic Icons Like a Pro

The Do’s And Don’ts of Infographic Color Selection

How to Pick Colors to Captivate Readers and Communicate Effectively

164 comments

  2. I think this is among the most vital information for me.
    And i’m glad reading your article. But should remark
    on few general things, The site style is wonderful, the articles is really great : D.
    Good job, cheers

  11. Wonderful goods from you, man. I have understand your stuff previous
    to and you’re just extremely fantastic. I really like what you’ve acquired here, certainly like
    what you’re saying and the way in which you say it. You make it enjoyable and you still care for
    to keep it sensible. I cant wait to read much more from you.

    This is really a great website.

    Take a look at my page; http://www.degess.com

  14. Hey there, I think your site might be having browser compatibility
    issues. When I look at your blog in Ie, it looks fine but when opening in Internet Explorer, it has some
    overlapping. I just wanted to give you a quick heads up!

    Other then that, excellent blog!

    Look at my blog; frun-test.sakura.ne.jp

  20. Hi, this weekend is nice in support of me, as this moment i am reading this fantastic informative paragraph
    here at my residence.

  23. Thank you for the sensible critique. Me & my neighbor
    were just preparing to do some research about this.
    We got a grab a book from our local library but I think I learned more clear from this post.
    I am very glad to see such fantastic info
    being shared freely out there.

    Here is my web blog – bogema.anapacenter.info

  27. Hello, i read your blog occasionally and i own a similar one and
    i was just wondering if you get a lot of spam responses?

    If so how do you prevent it, any plugin or anything you can suggest?
    I get so much lately it’s driving me insane so any assistance is very much appreciated.

    Feel free to visit my web-site :: mpc-install.com

  28. Thank you so much regarding giving my family an update on this subject on your blog.
    Please know that if a new post appears or when any improvements occur with the current write-up, I would want to consider
    reading a lot more and finding out how to make good usage of those approaches you write about.
    Thanks for your time and consideration of other folks
    by making this web site available.

    Also visit my web blog … frun-test.sakura.ne.jp

  29. Can I just say what a comfort to find a person that really understands what
    they’re talking about on the web. You actually realize how to bring a problem to
    light and make it important. More people have to read this and understand this side of your story.
    It’s surprising you aren’t more popular because you certainly possess the gift.

    Here is my blog post: mpc-install.com

  30. Sweet blog! I found it while searching on Yahoo News.
    Do you have any suggestions on how to get listed in Yahoo News?
    I’ve been trying for a while but I never seem to get there!
    Thank you

    Stop by my site … mpc-install.com

  33. Thank you for your site post. Manley and I are saving to get a new book on this subject and your short article has
    made all of us to save all of our money. Your opinions really solved all our issues.

    In fact, above what we had recognized before we stumbled on your excellent blog.
    My partner and i no longer have doubts including a troubled
    mind because you have totally attended to our own needs in this article.
    Thanks

    My web page :: http://www.hotelforrest.ru

  37. I’m curious to find out what blog system you happen to be working with?
    I’m having some minor security issues with my latest site and I would like to find something more secure.
    Do you have any recommendations?

    Also visit my webpage :: mpc-install.com

  39. Thank you for every other great article. Where else may just
    anybody get that type of information in such a perfect approach of writing?
    I have a presentation next week, and I’m on the search for such information.

    my homepage astravo.net.ru

  42. Great site you’ve got here.. It?s difficult to find excellent writing like yours nowadays.
    I really appreciate individuals like you! Take care!!

    Here is my website :: fyfc.net

  45. Admiring the persistence you put into your site and detailed information you provide.
    It’s great to come across a blog every once in a while that isn’t the
    same unwanted rehashed information. Fantastic read!
    I’ve saved your site and I’m adding your RSS feeds to my Google account.

    Feel free to visit my page Esperanza

  52. Write more, thats all I have to say. Literally, it seems as though you relied on the video to make your point.
    You obviously know what youre talking about, why waste your intelligence on just posting
    videos to your blog when you could be giving us something informative to read?

    Here is my web site – http://www.pf-mold.com/

  57. Does your blog have a contact page? I’m having trouble locating it but, I’d like to
    shoot you an e-mail. I’ve got some suggestions for your blog you might be interested in hearing.
    Either way, great blog and I look forward to seeing it develop over time.

    My web blog – duna-anapa.net.ru

  61. I would like to thank you for the efforts you’ve put in writing this site.
    I am hoping the same high-grade website post from
    you in the upcoming as well. Actually your creative writing skills has encouraged me to get my own website now.

    Really the blogging is spreading its wings quickly.
    Your write up is a great example of it.

    Review my web-site http://www.lubertsi.net

  64. Thank you for another informative website. Where else may just I get that type of information written in such an ideal manner?
    I’ve a project that I’m simply now operating on, and I have been on the glance out for such info.

    Here is my homepage :: kebe.top

  68. Howdy would you mind letting me know which webhost you’re using?
    I’ve loaded your blog in 3 completely different web browsers and I must say this blog loads a lot
    quicker then most. Can you suggest a good hosting
    provider at a fair price? Many thanks, I appreciate it!

    Check out my homepage … forum.imtradesuccess.com

  73. hello there and thank you for your info ? I have certainly picked up
    anything new from right here. I did however expertise some technical issues using this website,
    since I experienced to reload the web site a lot of times previous to
    I could get it to load properly. I had been wondering if your web host is OK?
    Not that I’m complaining, but sluggish loading instances times will very frequently affect your placement in google
    and could damage your high-quality score if advertising and marketing with
    Adwords. Well I am adding this RSS to my email and could look out
    for a lot more of your respective fascinating content.

    Make sure you update this again very soon.

    Also visit my webpage http://www.lubertsi.net

  74. I seriously love your blog.. Excellent colors & theme.
    Did you make this web site yourself? Please reply back as I?m hoping to create my own personal site and would like
    to know where you got this from or what the theme is named.
    Thank you!

    Also visit my site https://kebe.top/

  76. Do you have a spam issue on this blog; I also am a blogger, and I was curious about your situation; we have created some nice procedures and we are looking
    to exchange techniques with others, be sure to shoot me an e-mail if interested.

  78. This is the perfect web site for everyone who would like to find
    out about this topic. You realize so much
    its almost hard to argue with you (not that I really
    would want to…HaHa). You certainly put a fresh spin on a subject
    that’s been discussed for a long time. Excellent stuff, just great!

    Also visit my blog :: http://www.craksracing.com

  83. I do not even undeｒstand how I finished up heгe, but I believed this put up was once go᧐d.

    I do not reaⅼize who you might be but certainly you are
    going to a fɑmouѕ bogger if you happen to are not аlready.

    Chеers!

  87. Hey there, You’ve done a great job. I’ll definitely digg it and for
    my part suggest to my friends. I’m confident they’ll be benefited from this web site.

    Review my site … kebe.top

  89. Definitely believe that which you said. Your favorite reason appeared to be
    on the internet the easiest thing to be aware of.
    I say to you, I definitely get annoyed while people consider worries that they plainly do not know about.
    You managed to hit the nail upon the top and also defined
    out the whole thing without having side effect , people can take a signal.

    Will probably be back to get more. Thanks

    Feel free to visit my website – https://forum.etitanium.net/index.php?action=profile;u=560

  90. Hello, i think that i saw you visited my site so i got here to ?go
    back the want?.I am attempting to in finding things to enhance my
    web site!I assume its good enough to make use of some of your ideas!!

    Feel free to visit my web page :: mpc-install.com

  102. Spot on with this write-up, I actually believe this amazing site needs far more attention. I’ll probably be back again to
    read through more, thanks for the information!

    Feel free to visit my homepage – Henry

  106. obviously like your website however you have to check the spelling on quite a few of your posts.
    Many of them are rife with spelling issues and I find it very troublesome to tell the truth however I’ll certainly come again again.

    Feel free to visit my blog – meteoritegarden.com

  107. Wonderful blog! I found it while browsing on Yahoo News.
    Do you have any suggestions on how to get listed in Yahoo News?
    I’ve been trying for a while but I never seem to get there!
    Thank you

    Feel free to visit my web-site; pansionat.com.ru

  108. I’m not sure why but this web site is loading incredibly slow for me.

    Is anyone else having this issue or is it a issue on my end?
    I’ll check back later and see if the problem still
    exists.

    Also visit my blog post kebe.top

  111. I am so happy to read this. This is the type of manual that needs
    to be given and not the accidental misinformation that is at the other
    blogs. Appreciate your sharing this best doc.

    Feel free to visit my web-site :: Norris

  113. Does your website have a contact page? I’m having problems locating it
    but, I’d like to send you an email. I’ve got some recommendations
    for your blog you might be interested in hearing.
    Either way, great site and I look forward to seeing it
    improve over time.

    My web blog … http://www.atomy123.com

  115. Hello there, just became aware of your blog through Google,
    and found that it’s truly informative. I?m gonna watch out for brussels.
    I will appreciate if you continue this in future. Lots of people will be benefited from
    your writing. Cheers!

    Also visit my homepage … forum.nobletronics.com

  116. naturally like your web site however you need to test the spelling on several
    of your posts. A number of them are rife with spelling problems and
    I find it very troublesome to tell the reality then again I will definitely
    come back again.

    Feel free to surf to my website :: kebe.top

  117. Excellent post. I was checking constantly this weblog and I’m
    impressed! Extremely useful information particularly the closing
    part 🙂 I take care of such info a lot. I used to be seeking this particular information for a long time.
    Thanks and best of luck.

    my web-site – lovegamematch.com

  123. Hi, I think your website might be having browser
    compatibility issues. When I look at your blog site in Ie, it looks fine but when opening in Internet Explorer, it has some overlapping.

    I just wanted to give you a quick heads up! Other then that, wonderful blog!

  124. With havin so much written content do you ever run into any problems of plagorism or copyright infringement?
    My website has a lot of exclusive content I’ve either created myself or outsourced but it seems a lot of it is popping it up all over the web without my authorization.
    Do you know any techniques to help stop content from
    being stolen? I’d really appreciate it.

    Review my homepage – kebe.top

  125. I have been exploring for a bit for any high-quality articles
    or weblog posts on this kind of space . Exploring
    in Yahoo I at last stumbled upon this site. Reading this
    info So i’m satisfied to show that I have a very just right uncanny
    feeling I came upon just what I needed. I so much surely will make certain to do not
    put out of your mind this web site and give it a look on a continuing basis.

    Here is my blog: https://mpc-install.com/punbb-1.4.6/viewtopic.php?id=444089

  128. Wow, awesome weblog structure! How lengthy have you ever been blogging for?
    you made blogging glance easy. The whole glance of your site is wonderful, let alone the content![X-N-E-W-L-I-N-S-P-I-N-X]I
    just could not depart your web site before suggesting that I really enjoyed the
    usual information an individual supply for your guests?
    Is going to be back incessantly to investigate cross-check new posts.

    My blog post: https://kebe.top/viewtopic.php?id=1915589

  137. fantastic publish, very informative. I’m wondering why
    the opposite specialists of this sector don’t notice this.
    You must proceed your writing. I am confident, you’ve a great readers’ base already!

    My webpage: Herman

  141. I love your blog.. very nice colors & theme. Did you make this
    website yourself or did you hire someone to do it for you?
    Plz reply as I’m looking to design my own blog and would
    like to find out where u got this from. cheers

    Have a look at my webpage; mpc-install.com

  143. My wife and i ended up being absolutely thankful Raymond managed to
    finish up his homework using the ideas he discovered through your weblog.

    It is now and again perplexing just to be releasing guidance which the others may
    have been selling. And we all consider we’ve got the writer to appreciate for this.
    The entire explanations you have made, the simple site menu, the
    friendships your site make it possible to foster – it’s got many unbelievable, and it’s
    facilitating our son and us imagine that the subject matter is brilliant, and that’s especially essential.
    Many thanks for the whole lot!

    Here is my blog forum.chrisricard.net

  145. hey there and thank you for your information ? I’ve definitely picked up anything new from
    right here. I did however expertise a few technical issues using
    this site, as I experienced to reload the site many times previous
    to I could get it to load properly. I had been wondering if your hosting is OK?
    Not that I am complaining, but sluggish loading instances times will very frequently affect your placement in google and could damage
    your high quality score if advertising and marketing with Adwords.
    Well I’m adding this RSS to my email and could look out for a lot more of your respective interesting content.
    Ensure that you update this again soon.

    Feel free to visit my website :: Breeze Tech

  148. I cling on to listening to the reports lecture about
    getting boundless online grant applications so I have been looking
    around for the most excellent site to get one. Could you advise me please, where could i find some?

    My web page … Boltz Pro Reviews

  149. Unquestionably believe that which you stated. Your favorite justification seemed to be on the web the
    simplest thing to be aware of. I say to you, I certainly get annoyed while people consider worries that they just don’t know about.
    You managed to hit the nail upon the top as well as
    defined out the whole thing without having side effect , people can take a signal.

    Will probably be back to get more. Thanks

    My web page; Tri-Bol Testo Review

  151. Howdy very cool web site!! Man .. Excellent ..
    Amazing .. I’ll bookmark your blog and take the feeds additionally?
    I am glad to seek out numerous helpful information here in the put
    up, we need work out extra techniques on this regard, thank you for sharing.
    . . . . .

    My blog: Nuubu

  153. My programmer is trying to convince me to move to .net from PHP.
    I have always disliked the idea because of the costs.
    But he’s tryiong none the less. I’ve been using Movable-type
    on numerous websites for about a year and am nervous about switching to
    another platform. I have heard fantastic things about blogengine.net.
    Is there a way I can import all my wordpress posts into it?
    Any kind of help would be greatly appreciated!

    Have a look at my web blog – Tri-Bol Testo Male Enhancement

  161. Hello there, just turned into alert to your weblog via Google, and located that it is
    truly informative. I’m gonna be careful for brussels. I’ll appreciate
    if you happen to continue this in future. A lot of people shall be benefited out of your writing.
    Cheers!

    Have a look at my blog post: Boltz Pro Phone Charger

  162. I’m not sure exactly why but this weblog is loading very slow for me.
    Is anyone else having this problem or is it a issue on my end?
    I’ll check back later and see if the problem still exists.

    Feel free to visit my website: Breeze Tech

  163. Does your website have a contact page? I’m having trouble locating it but, I’d
    like to send you an e-mail. I’ve got some creative
    ideas for your blog you might be interested in hearing. Either way,
    great blog and I look forward to seeing it improve over time.

    Look into my homepage … Tri-Bol Testo Pills

Leave a Reply

Your email address will not be published.