Color Blindness Simulator

See how a color appears to people with protanopia, deuteranopia, or tritanopia.

Color*

Type

Your result will show up here

Copied

How To Use Color Blindness Simulator

Enter a color

Provide the hex code of the color you want to test.

Choose a deficiency type

Select protanopia, deuteranopia, or tritanopia from the dropdown.

Compare before and after

View the original color next to the simulated version side by side.

Repeat for each key color

Test every color in your palette, especially ones used to convey meaning (errors, success, warnings).

Frequently Asked Questions

1. What types of color blindness does this simulate?

Protanopia (red-blind), deuteranopia (green-blind), and tritanopia (blue-blind) — the three most common forms of color vision deficiency, together affecting roughly 1 in 12 men and 1 in 200 women.

2. Why does deuteranopia matter most for design?

Deuteranopia and deuteranomaly (reduced green sensitivity) are the most common color vision deficiencies overall, so it's often the highest-impact type to check first when validating a UI or chart.

3. How should I use this when picking a color palette?

Run each key color in your palette (especially any color-coded status indicators, like red/green error/success states) through all three simulation types, and make sure important distinctions don't rely on hue alone — pair color with icons, labels, or patterns too.

4. Does this replace a full accessibility audit?

No — it's a fast way to sanity-check individual colors. For a full audit, combine this with the Color Accessibility Checker for contrast ratios and test your actual UI with real assistive tools or colorblind users where possible.