Color Vision Simulator

Simulate how colors appear to people with various types of color blindness (CVD)

Input Color

Normal Vision

Trichromacy - Full color perception

#3498db

~92% of males, ~99.5% of females

Protanopia

Red-blind (no red cones)

#5F60CA

~1% of males

Deuteranopia

Green-blind (no green cones)

#5952C6

~1% of males

Tritanopia

Blue-blind (no blue cones)

#39BDBB

~0.001% of population

Protanomaly

Reduced red sensitivity

#497CD2

~1% of males

Deuteranomaly

Reduced green sensitivity

#4675D0

~5% of males, 0.4% of females

Tritanomaly

Reduced blue sensitivity

#36AACB

Very rare

Achromatopsia

Complete color blindness

#818181

~0.003% of population

Side-by-Side Comparison

Normal

Protan

Deutan

Tritan

Prot-A

Deut-A

Trit-A

Achrom

ℹ️

About Color Vision Deficiency: Approximately 8% of males and 0.5% of females have some form of color vision deficiency. Use this tool to ensure your designs are accessible to all users.

Design Tips for Accessibility

✓ Don't rely solely on color to convey information
✓ Use patterns, textures, or icons in addition to color
✓ Ensure sufficient contrast between text and background
✓ Test your color palette with CVD simulators
✓ Avoid problematic color combinations (red/green, blue/purple)
✓ Provide text labels for color-coded elements
✓ Use WCAG-compliant color contrasts (4.5:1 minimum for text)

Types of Color Vision Deficiency

Protanopia: Red-blind (no red cones)

Deuteranopia: Green-blind (no green cones)

Tritanopia: Blue-blind (no blue cones, very rare)

Protanomaly: Reduced red sensitivity (anomalous red cones)

Deuteranomaly: Reduced green sensitivity (most common)

Tritanomaly: Reduced blue sensitivity (extremely rare)

Achromatopsia: Complete color blindness (monochromacy)