TLDR Design · OPINIONS & TUTORIALS

DESIGNING FOR PEOPLE WHO ARE COLOR BLIND

tetralogical.com6 min read

Summary from the TLDR Design newsletter

Color blindness affects about one in 12 men and one in 200 women, making key information, interactive elements, and color-coded data harder to perceive. Designs should pair color with an icon, pattern, or text label per WCAG 1.4.1, keep sufficient contrast, and avoid red-green and purple-blue pairings. Blue is a safer hue, though not guaranteed. Grayscale checks help, and hover, focus, and disabled states need non-color cues, ideally tested with real people.