All tools
Design tools

Color Blindness Simulator

Simulate your color palette for deuteranopia, protanopia, tritanopia and achromatopsia — test accessibility and make sure your design works for all users.

Deuteranopia Protanopia Tritanopia Achromatopsia WCAG contrast Side-by-side
Get started free Sign in

Free · No credit card · 50 credits/day

Types of color vision deficiency

Type Missing cone Prevalence Colors confused
Deuteranopia M-cone (green) ~5% of men Red ↔ green, orange ↔ yellow/brown
Protanopia L-cone (red) ~1% of men Red appears dark, red ↔ green/brown
Tritanopia S-cone (blue) <0.01% Blue ↔ green, yellow ↔ violet
Achromatopsia All cones absent 1 in 30,000 No hue — only luminance (greyscale)
Deuteranomaly Weak M-cone ~5% of men Mild red-green confusion, similar to deuteranopia
Protanomaly Weak L-cone ~1% of men Mild red confusion, reds appear dimmer

Frequently asked questions

What is the most common form of color blindness?

Deuteranopia and deuteranomaly (reduced green sensitivity) are most common — affecting ~5–6% of men and 0.4% of women. Red-green color blindness overall affects ~8% of men. Tritanopia (blue-yellow) is far rarer (0.01%). Achromatopsia (greyscale only) affects 1 in 30,000.

How do I design a color palette that is color-blind friendly?

(1) Never rely on color alone — add icons, patterns, or labels. (2) Use blue-orange as your primary contrast pair — distinguishable across all types. (3) Avoid red-green combinations for critical info. (4) Ensure sufficient luminance contrast (WCAG 4.5:1) — luminance survives even when hue is lost. (5) Test with this simulator before finalising.

What is the difference between deuteranopia and protanopia?

Both are red-green color blindness. Protanopia: missing L-cones (red), so reds appear dark and confused with green/black. Deuteranopia: missing M-cones (green), so greens look like reds or oranges. Protanopia also makes reds very dark — a red stop button may appear nearly black.

What percentage of users are color blind?

About 8% of men and 0.5% of women have some color vision deficiency. For a product with 100,000 male users, that's ~8,000 color blind users. WCAG 1.4.1 (Use of Color) requires color not to be the only means of conveying information — test and fix early, not after launch.

Related design tools

More tools for accessible color design.

Contrast Checker (WCAG)

Check WCAG AA/AAA contrast ratios between your color pairs.

Color Palette Generator

Build accessible color palettes from scratch.

Tailwind Color Finder

Find Tailwind colors with sufficient contrast for your palette.

Design for everyone, not just some

Free account. 50 credits per day. Access to 75+ tools instantly.

Create free account →