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.
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.