# Colour Blindness Simulator

> See how a colour appears to people with protanopia, deuteranopia and tritanopia.

To simulate colour blindness, pick a colour and see how it appears under protanopia, deuteranopia, tritanopia and achromatopsia. This matters most for red-green pairs used to signal success and error, which can become indistinguishable to around 8% of men.

**URL:** https://convertto.tech/t/color-blindness-simulator
**Category:** Color Tools (https://convertto.tech/c/color-tools)
**Privacy:** Runs entirely in the browser; no upload
**Cost:** Free, no sign-up
**Last updated:** 2026-08-01

## Key facts

- **Privacy:** Runs entirely in your browser — nothing is uploaded
- **Cost:** Free, unlimited, no sign-up

## How to use

1. Pick the colour.
2. Choose the simulate.
3. The result appears immediately — copy or download it.

## FAQ

### Which colour pairs should I avoid?

Red and green are the classic problem, since red-green deficiency is by far the most common. Also avoid green/brown, blue/purple and light green/yellow. Add an icon or label rather than relying on hue.

## Related tools

- [WCAG Contrast Checker](https://convertto.tech/t/contrast-checker): Check colour contrast against WCAG AA and AAA thresholds for accessible text.
- [Colour Converter](https://convertto.tech/t/color-converter): Convert any colour to HEX, RGB, HSL, HSV, CMYK, LAB and native code — with contrast, tints and harmonies.
- [Colour Mixer & Blender](https://convertto.tech/t/color-mixer): Blend two colours and generate the intermediate steps between them.
- [Colour Palette Generator](https://convertto.tech/t/color-palette-generator): Build harmonious palettes — complementary, triadic, analogous and monochromatic.
- [Colour Tints & Shades Generator](https://convertto.tech/t/color-shades-generator): Generate lighter tints and darker shades of any colour, with hex values.
- [Tailwind Colour Shade Generator](https://convertto.tech/t/tailwind-shade-generator): Generate a full 50–950 Tailwind colour scale from a single brand colour.
- [AI Alt Text Generator](https://convertto.tech/t/ai-alt-text-generator): Describe an image with a captioning model running in your browser — a first draft for the alt attribute you then edit.
- [CSS Box Shadow Generator](https://convertto.tech/t/box-shadow-generator): Design a CSS box-shadow with live values for offset, blur, spread and colour.