Accessibility·free · no signup

Color Blindness Simulator

See how your colors look to people with color-vision deficiencies — about 1 in 12 men and 1 in 200 women.

Color to test
#
How a palette flattens

Distinct colors can collapse into near-identical tones. If two swatches become hard to tell apart in a row below, don't rely on color alone to distinguish them.

Normal
Protanopia
Deuteranopia
Tritanopia
Achromatopsia

How to use the Color Blindness Simulator

Color vision deficiency shifts how the eye’s cone cells respond, so certain hues collapse toward one another. The simulator applies a transformation matrix for each deficiency type to your colors, remapping them the way affected cones would — letting you see whether two colors that look distinct to you would still be distinguishable.

  1. 1
    Add your colors

    Enter a color or palette (or load an image) you want to test.

  2. 2
    Switch deficiency types

    Compare protanopia, deuteranopia, tritanopia and achromatopsia views side by side.

  3. 3
    Fix risky pairs

    If two colors merge under a simulation, increase their lightness difference or add a non-color cue like a label or pattern.

Frequently asked

What are the main types of color blindness?
Protanopia (reduced red), deuteranopia (reduced green, the most common), tritanopia (reduced blue), and achromatopsia (no color at all). Red–green types are by far the most frequent.
How common is color blindness?
It affects roughly 8% of men and about 0.5% of women, so it is worth designing for on any public-facing product.
How do I make my design colorblind-friendly?
Do not rely on color alone — pair it with text, icons or patterns, and make sure important colors differ in lightness, not just hue.
Which color combinations cause the most problems?
Red/green and green/brown pairs are the riskiest for the common red–green types; blue/purple can be hard for tritanopia.

More accessibility