Color Blind Test

Check how your images and colors look to people with color blindness. Upload an image or enter colors to test across 8 types of color vision deficiency.

Drop an image here or click to upload

JPG, PNG, or WebP — max 10MB

Pro Tips

  • Never rely on color alone: WCAG 1.4.1 requires that color is not the sole means of conveying information. Use icons, text labels, patterns, or underlines alongside color coding.
  • Test with deuteranomaly first: It is the most common form of color blindness, affecting roughly 5% of males. If your design works for deuteranomaly, it likely works for most users.
  • Blue is the safest hue: Blue is perceived relatively consistently across most types of color blindness. When in doubt, blue paired with orange provides good discrimination.
  • Check charts and graphs: Data visualizations are one of the most common places where color blindness causes confusion. Always provide alternative encoding like patterns or direct labels.
  • Design in grayscale first: If your design works in grayscale, it will work for users with achromatopsia and will generally have better contrast for everyone.

100% Private

All processing happens in your browser. Your images and colors are never uploaded to any server.

Frequently Asked Questions

How do I test if my design is color-blind friendly?

Upload your design as an image or enter your key colors in palette mode. The tool simulates 8 types of color vision deficiency so you can see exactly how your work appears to color-blind users. Focus on Deuteranomaly first (the most common type, affecting ~5% of males), then check Protanopia and Tritanopia for broader coverage.

What percentage of people are color blind?

Approximately 8% of men and 0.5% of women have some form of color vision deficiency. That is about 1 in 12 males and 1 in 200 females, or over 300 million people worldwide. Red-green color blindness is by far the most common, accounting for about 99% of all cases.

What colors should I avoid using together?

The most problematic combinations for color-blind users are red/green, red/brown, green/brown, blue/purple, and light green/yellow. Instead, use blue/orange, blue/red, or dark/light pairs that differ in both hue and brightness. Always add non-color cues like patterns, icons, or text labels.

Can this tool diagnose color blindness?

No. This tool is designed for designers and developers to test accessibility, not for clinical diagnosis. If you suspect you have color vision deficiency, consult an optometrist who can administer standardized tests like the Ishihara plates or the Farnsworth-Munsell 100 hue test.

Does this tool work on mobile?

Yes. The simulator is fully responsive and works on phones and tablets. You can upload images from your camera roll or enter colors using the built-in color picker. Processing is optimized to avoid freezing the browser on mobile devices.

Are my images stored or uploaded anywhere?

No. All image processing happens entirely in your browser using the Canvas API. Your images and colors never leave your device. The tool works completely client-side with zero server communication.

Related Tools

WCAG Contrast Checker

Test color contrast ratios for accessibility compliance

Color Picker

Pick and convert colors in HEX, RGB, HSL, CMYK

Color Palette Generator

Generate harmonious, accessible color palettes

Color Code Converter

Convert between HEX, RGB, HSL, and more

Last updated: March 2026