We use essential cookies to make Venngage work. By clicking “Accept All Cookies”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts.

Manage Cookies

Cookies and similar technologies collect certain information about how you’re using our website. Some of them are essential, and without them you wouldn’t be able to use Venngage. But others are optional, and you get to choose whether we use them or not.

Strictly Necessary Cookies

Always Active

These cookies are always on, as they’re essential for making Venngage work, and making it safe. Without these cookies, services you’ve asked for can’t be provided.

Show cookie providers

  • Venngage
  • Amazon
  • Google Login
  • Intercom

Functionality Cookies

These cookies help us provide enhanced functionality and personalisation, and remember your settings. They may be set by us or by third party providers.

Show cookie providers

  • Venngage
  • Chameleon
  • Intercom
  • Algolia

Performance Cookies

These cookies help us analyze how many people are using Venngage, where they come from and how they're using it. If you opt out of these cookies, we can’t get feedback to make Venngage better for you and all our users.

Show cookie providers

  • Venngage
  • Mixpanel
  • Intercom
  • Google Analytics
  • Hotjar

Targeting Cookies

These cookies are set by our advertising partners to track your activity and show you relevant Venngage ads on other sites as you browse the internet.

Show cookie providers

  • Google Ads
  • Google Tag Manager
  • Facebook
  • Pinterest
  • Product
  • Templates
  • Learn
  • Pricing
Learn
Educational Resources
Blog
Webinars
Help Center

Color Blind Simulator

See how your website looks to an audience with color blindness and other visual impairments, and create accessible designs your whole audience can appreciate.
Color pallete

Break down visual barriers with Venngage’s free color blind checker

Try different filters on our sample template or add a website link below.

CREATE ACCESSIBLE DESIGNS WITH VENNGAGE CREATE ACCESSIBLE DESIGNS

How you can use Venngage’s Color Blind Simulator

And create an accessible, inclusive design in the process.
color simulator image

If you don’t suffer from color blindness, it can be difficult to imagine what color-blind people actually see. Venngage’s Free Color Blind Simulator helps you breach that gap.

Just finished a design or website and want to check for accessibility? Add the link to the color vision simulator and try out the different filters there. Or if you just want to test out the tool — there’s always a sample template ready for you.

Venngage’s free color blind checker tool lets you experience what it’s like to have red/green, blue/yellow, or complete color blindness. To help you create accessible designs, we’ve also added two other vision problem filters — cataracts and low vision.

CHECK MY DESIGN

What is color blindness?

Color blindness — or color vision deficiency (CVD) — makes it hard for people to distinguish between different colors. About 1 in 12 men and 1 in 200 women have color vision deficiency.

Unlike what the condition’s name suggests, it’s not very common to get completely color blind — that is, unable to see colors at all. The most common type of color blindness is red-green — 99% of all color-blind people suffer from red-green color blindness.

fact about color blindness fact about color blindness

What are the different types of color blindness?

There are seven official diagnoses of color blindness: four in the red-green category, two in blue-yellow, and one describing the vision completely lacking in color.

Red-green color blindness

  • Protanopia (aka red-blind) and Deuteranopia (green-blind): individuals can’t distinguish between red and green
  • Protanomaly (aka red-weak): individuals can see some shades of red
  • Deuteranomaly (aka green-weak): individuals can see some shades of green

Blue-color color blindness

  • Tritanopia (aka blue-blind): individuals can’t distinguish between blue and green, purple and red, yellow and pink
  • Tritanomaly (aka blue-weak): individuals can see some shades of blue and yellow

Complete color blindness

  • Individuals with this condition see no color at all — their world exists in black and white
  • Occurs in one out of 33,000 people

Venngage’s Color Blind Simulator can show you how people see when having one of the main four types of color blindness (complete color blindness, red-blind, green-blind, blue-blind). We also offer two other filters — cataracts and low vision.

View your designs the way your audience does

Over 360 million people experience a type of color blindness. Leave no audience member behind by combining colors consciously.

Ever wonder how visually impaired people will view your design? A like the one on the right can look like this to people with color vision deficiency (see below):

Regular vision
Achromatopsia demonstration
Achromatopsia
Deuteranopia demonstration
Deuteranopia
Protanopia demonstration
Protanopia
Tritanopia demonstration
Tritanopia
Cataracts demonstration
Cataracts
Low Vision demonstration
Low Vision
Text box

Keep your designs accessible with a color blind friendly palette

Keep your designs accessible

Text box

If your design is inaccessible, you may alienate your audience — both those with visual impairments and those conscious of accessible needs.

A color blind friendly palette takes into consideration how people with this visual impairment perceive color combinations.

Using a color blind friendly palette doesn’t mean you need to strip all colors from your designs. It just means being conscious of how combining certain colors may affect your audience’s ability to between them.

For instance, a blue and orange palette is a common color blind choice. On the other hand, a red and green palette could be confusing for someone with color blindness.

Examples of color blind friendly palettes

Color pallete example

Make sure your design is color conscious and inclusive using these accessible color palettes.

Color pallete example
venngage color palette

Connect with your audience using accessible, color blind friendly palettes

Create inclusive communications with these simple tips.

  • Plan out color schemes beforehand

    With one of our color blind friendly palettes above. Or use Venngage’s Accessible Color Palette Generator to create inclusive color pairings in seconds — for free.

  • Avoid certain color combinations

    These combinations can make your design inaccessible to color blind people:
    red & green, blue & purple, green & brown, blue & yellow.

    • red & green
    • blue & purple
    • green & brown
    • blue & yellow
  • Use highly contrasting colors

    Contrast isn’t an issue for most people with color blindness. You can darken and lighten your colors, play with different hues or levels of brightness to make the contrast more pronounced.

    Make sure your design complies with the WCAG 2.1, which specifies the contrast ratio for body text should be at least 4.5:1.

  • Use patterns and textures

    Patterns and textures are a great way to incorporate visual elements into your design without relying on color.

  • Use symbols

    Likewise, symbols and icons can make your designs more accessible since they can visually punctuate a message without the use of color.

venngage color palette

Create an accessible design and test it out with Venngage’s free color blind simulator

Make your design inclusive of all audience members by using a color-blind friendly palette and double check it with Venngage’s free color vision checker.

Have a Venngage account? You can use the vision simulator and test your design for accessibility right after you finish it — right on the Venngage editor!

Simply sign up for a free Venngage account, pick an accessible template and start customizing with our accessible editor. Yes, it’s as simple as that.

Design template

FAQ

What colors are good for the visually impaired?

As most color blind people have trouble telling the difference between reds and greens — you can avoid this color combination to make sure your design is more color-blind friendly. Instead, try using two basic hues — blue and red, for example — and make color-blind friendly palettes out of them.

What does being color blind feel like?

A color blind person may have trouble seeing:

  • The difference between colors — most commonly, red vs. green
  • How bright colors are
  • Different shades of colors

If these symptoms are mild, you might not even notice them and not realize you may have color blindness.

How do I check if I have color blindness?

One way to check if you have color blindness is to use a color blind simulator like Venngage’s, which shows you what the design looks like for people with regular vision vs. those with visual impairments.

For more precise results, you can try a color blind vision test, which often makes numbers or shapes out of dots that have a different color from the dots surrounding them.

Can you be slightly color blind?

You can be totally color blind (complete color blindness) or partially color blind (inability to distinguish between certain colors). Complete color blindness is not common and is found in 1 out of 33,000 people.

The most common form of color blindness is the inability to tell the difference between reds and greens. Often, a person with a red-green color deficiency can still detect certain shades of each or both colors.

What is WCAG?

WCAG stands for Web Content Accessibility Guidelines, which cover a wide range of recommendations for making web content more accessible.

WCAG 2.1 specifies — on the use of colors — that color isn’t used as the only visual means of converting information, and that the visual presentation of text and images of text has a contrast ratio of at least 4.5:1.

Is a color blind friendly palette the same as an accessible color palette?

There’s a distinction between a color blind friendly palette and an accessible color palette. A color blind friendly palette may simply refer to color choices that take into account this condition. For example, choosing blues and reds instead of blues and yellows. But an accessible color palette takes the full range of visual impairments into account.

So, beyond thinking about how someone with color blindness will see certain combinations, an accessible palette also considers how someone with blurred vision, glaucoma or cataracts will perceive colors.

An accessible color palette will adhere to all WCAG 2.1 guidelines, including contrast ratio requirements. To see what this type of palette looks like, give our accessible color generator tool a try here.