Tools / Color Blindness Simulator

Color Blindness Simulator.

Paste the colors you're shipping and see them the way users with the four main color-vision deficiencies do. If two swatches collapse into one in a row below, that pair is a problem — add a non-color cue.

Try:
Normal vision what you designed
Deuteranopia green-blind — most common (~6% of men)
Protanopia red-blind (~2% of men)
Tritanopia blue-blind — rare
Achromatopsia total color blindness — very rare

Designing for color vision deficiency

Around 1 in 12 men and 1 in 200 women see color differently. The simulation here applies the Machado (2009) model — the same approach used by professional accessibility tools — in linear-light sRGB.

The red-green pair matters most

Deuteranopia and protanopia together account for the overwhelming majority of CVD. The classic failure is a red/green status system — "error" and "success" can become indistinguishable. Check those rows first.

Never rely on color alone

WCAG 1.4.1 requires that color isn't the only way information is conveyed. Pair hues with text labels, icons, shape, or position, and keep adjacent swatches far apart in lightness — lightness contrast survives every CVD type.

Looking for a combination we don’t have yet?

Tell us the colour, mood, or palette you were after — it shapes which editorial combinations we add next.