Color Blindness Simulator
Preview designs through different color blindness filters
Select Color Vision Type
Drag & drop an image or click to upload
PNG, JPG, GIF, WebP up to 10MBUnderstanding Color Blindness
Red-Green (Protan/Deutan)
Most common type, affecting ~8% of males. Difficulty distinguishing red and green hues.
Blue-Yellow (Tritan)
Rare type affecting ~0.01% of people. Difficulty distinguishing blue and yellow hues.
Total (Achromatopsia)
Very rare, affecting ~0.003%. Complete inability to perceive color.
Design Tips
Use patterns, labels, and sufficient contrast. Don't rely solely on color to convey information.
Accessibility Best Practices
Use High Contrast
Ensure text and important elements have a contrast ratio of at least 4.5:1 against backgrounds.
Add Labels & Icons
Don't rely on color alone. Use text labels, icons, or patterns to convey meaning.
Avoid Problematic Combinations
Red/green, blue/purple, and green/brown are difficult for many color blind users.
Test Your Designs
Regularly test with simulators like this one to ensure accessibility for all users.
Need Accessible Design Help?
Brix340 creates websites and applications that are accessible to everyone, including users with color vision deficiencies.
Get a Free Consultation