Skip to content

Deuteranopia Simulator

See your colors through the eyes of someone with deuteranopia (green-blind color blindness). The most common form of CVD — affecting 6% of males — deuteranopia makes greens and reds indistinguishable. Test your UI, brand colors, and designs in real-time.

Select a Color

RGB(16, 185, 129)
Currently Viewing

Deuteranopia

Green-blind (~6% of males)

Deuteranopia is the most common form of color blindness, affecting approximately 6% of males. People with deuteranopia have difficulty distinguishing between green and red hues — greens appear more red or brown, and purples may look blue. When designing interfaces, avoid relying solely on green-to-red distinctions (like success/error states) and always pair color with icons or text labels.

Deuteranopia

Green-blind (~6% of males)

Normal Vision

Trichromatic — all three cone types

Protanopia

Red-blind (~2% of males)

Tritanopia

Blue-blind (rare)

Achromatopsia

Total color blindness

Frequently Asked Questions

What is deuteranopia?
Deuteranopia is a type of red-green color blindness where the green-sensitive cone cells (M-cones) in the retina are missing or non-functional. It affects approximately 6% of males and 0.4% of females, making it the most common form of color vision deficiency. People with deuteranopia cannot distinguish between green and red wavelengths — both appear as shades of brown or yellow.
How does deuteranopia affect web browsing?
Users with deuteranopia struggle with: green buttons on gray backgrounds (both appear brownish), red error text on dark backgrounds (red appears very dark), green success states vs. red error states (they look nearly identical), and charts/graphs that use red-green color coding. Always add icons or text alongside color to convey meaning.
Can deuteranopia be corrected with CSS filters?
No — CSS filters cannot 'undo' color blindness. However, you can use our simulator to preview how your design appears to deuteranopic users, then adjust your color palette to ensure sufficient contrast and distinctiveness. The key is to not rely on red-green distinctions alone for critical information.
What color combinations work best for deuteranopic users?
Blue-orange and blue-yellow palettes work well because blue perception is preserved in deuteranopia. Avoid using red and green as the only differentiator for states (like pass/fail). Use high-contrast combinations with at least 4.5:1 ratio, and always supplement color with icons, patterns, or text labels.

Related Tools