Color blindness simulator

Drop in a screenshot of your page, a chart or a photo and see it the way people with the main types of color vision deficiency do, all side by side. Everything happens in this page: the image is never uploaded.

Drop an image here, paste one with Ctrl+V, or

The types, and how common they are

TypeWhat's affectedRoughly how common
Deuteranomaly / deuteranopiaGreen cones weak or missing. Reds, greens and browns get confused.About 6% of men (mostly the mild form)
Protanomaly / protanopiaRed cones weak or missing. Reds also look dark, so red text on black nearly disappears.About 2% of men
Tritanomaly / tritanopiaBlue cones weak or missing. Blue and green, and yellow and pink, get confused.Under 0.01%, equal in men and women
AchromatopsiaNo working cones: only light and dark.About 1 in 30,000

Figures are for people of Northern European descent; overall, about 1 in 12 men and 1 in 200 women have some red-green deficiency. Use the severity slider for the milder, much more common forms.

What to fix when something disappears

The simulation uses the model of Machado, Oliveira and Fernandes (2009), applied in linear RGB; lower severities blend toward normal vision. It models an average viewer, not anyone in particular.

Checking a whole site?

ContrastForge scans every text element on a page for WCAG contrast, including text on semi-transparent layers and gradients, suggests the nearest passing color, and exports an audit report. Checking a pair and five full-page scans a month are free.

See ContrastForge

Related: how to do an accessibility audit · accessibility conformance reports (VPAT) · WCAG contrast ratio.