Skip to main content

Select Color Vision Type

🖼️

Drag & drop an image or click to upload

PNG, JPG, GIF, WebP up to 10MB

Color Tester

Test how a specific color appears

Original
Protanopia
#3498DB#5F60CB

Standard Colors

See how common colors appear

Red
Green
Blue
Yellow
Orange
Purple
Cyan
Magenta
Brown
Pink
Lime
Teal

All Types Preview

Compare across all color blindness types

Protanopia
Protanomaly
Deuteranopia
Deuteranomaly
Tritanopia
Tritanomaly
Achromatopsia
Achromatomaly

Understanding 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

1

Use High Contrast

Ensure text and important elements have a contrast ratio of at least 4.5:1 against backgrounds.

2

Add Labels & Icons

Don't rely on color alone. Use text labels, icons, or patterns to convey meaning.

3

Avoid Problematic Combinations

Red/green, blue/purple, and green/brown are difficult for many color blind users.

4

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