Color Blindness Simulator

See how an image or colour palette looks with protanopia, deuteranopia, tritanopia and achromatopsia.

How do I check if my design is colour-blind friendly?

Upload a screenshot or enter your palette’s hex colours. The simulator recreates how the image looks with each type of colour vision deficiency, using the Machado (2009) model, and warns about colour pairs that become hard to tell apart.

Types of colour blindness

TypeAffectsPrevalence
Deuteranopia / -anomalyGreen cones — red/green confusion≈6% of men
Protanopia / -anomalyRed cones — reds look dark≈2% of men
TritanopiaBlue cones — blue/yellow confusionRare
AchromatopsiaNo colour visionVery rare

Design tips

  • Never use colour alone for meaning: add labels, icons or patterns to charts, errors and status badges.
  • Red + green is the most common problem pair; blue + orange works for almost everyone.
  • Keep text contrast at WCAG AA or higher — check it with the Contrast Checker.

Frequently asked questions

How many people are colour blind?

About 1 in 12 men and 1 in 200 women have some form of colour vision deficiency.

Is my image uploaded?

No, the simulation is calculated in your browser.

How accurate is it?

It uses the peer-reviewed Machado, Oliveira & Fernandes model at full severity; real perception varies between people.