Color blindness simulator

The simulator shows your palette as people with color vision deficiencies perceive it. About 8% of men and 0.5% of women of Northern European ancestry have red-green color blindness, the most common form.

Updated

Click a HEX to copy it · lock to keep it

How to use it

  1. Generate or load the palette you plan to use.
  2. Compare each simulated row with the normal vision row.
  3. Read the warning about confused pairs and back those colors up with icons, text or patterns.

Frequently asked questions

Which types of color blindness does it simulate?

Protanopia (no red-sensitive cones), deuteranopia (no green cones), tritanopia (no blue cones) and achromatopsia (no color perception). The first two are the most common.

How do I make a color-blind-friendly palette?

Combine colors with clearly different lightness, avoid relying on red versus green, and never use color as the only signal: add labels, icons or patterns, as WCAG criterion 1.4.1 requires.

How accurate is the simulation?

It uses the matrices published by Machado, Oliveira and Fernandes (2009) for full dichromacy. It is a useful design approximation, but real perception varies from person to person.