Colorblind Contrast Checker —
Free Color Vision Simulator
Simulate how your colour palette appears to people with Protanopia, Deuteranopia, and Tritanopia. Free, instant, no signup required.
Open the Colorblind Simulator
Click the Protanopia, Deuteranopia, or Tritanopia pill in the live preview to see your colours simulated.
Simulate Colorblindness Free →Understanding the 3 Main Types of Color Blindness
Deuteranopia (Red-Green)
Reduced sensitivity to green light. The most common form of colour blindness, affecting around 1 in 20 men. Reds, greens, and browns can appear similar.
Protanopia (Red-Green)
Reduced sensitivity to red light. Similar effects to Deuteranopia — reds can appear darker and harder to distinguish from greens and browns.
Tritanopia (Blue-Yellow)
Reduced sensitivity to blue light. Much rarer than red-green colour blindness. Blues and greens, or yellows and violets, can be hard to distinguish.
Designing for Colorblind Users — Best Practices
Never rely on colour alone to convey information. The most common accessibility failure for colourblind users isn't poor contrast — it's using colour as the only signal for status, errors, or required fields. A red error message should also have an icon and text label; a "required" form field should have an asterisk, not just a red border.
Test your full design — not just isolated colour pairs — using the colourblind simulation toggle in our contrast checker's live preview. This shows your actual buttons, links, and layout filtered for each colour vision type, giving a far more realistic picture than testing swatches in isolation.