Deuteranopia
Embed This Widget
Add the script tag and a data attribute to embed this widget.
Embed via iframe for maximum compatibility.
<iframe src="https://colorfyi.com/iframe/glossary/deuteranopia/" width="420" height="400" frameborder="0" style="border:0;border-radius:10px;max-width:100%" loading="lazy"></iframe>Paste this URL in WordPress, Medium, or any oEmbed-compatible platform.
https://colorfyi.com/glossary/deuteranopia/Add a dynamic SVG badge to your README or docs.
[](https://colorfyi.com/glossary/deuteranopia/)Use the native HTML custom element.
A type of red-green color blindness caused by the absence of green-sensitive cone cells, making it difficult to distinguish between red and green hues.
Deuteranopia is the most common form of color vision deficiency, affecting approximately 1% of males. People with deuteranopia lack M-cone (medium wavelength, green-sensitive) photoreceptors, causing green to appear beige or muted and red to appear brownish. The milder form, deuteranomaly (reduced green sensitivity rather than absence), affects about 5% of males. To design for deuteranopia, avoid using red and green as the only differentiating colors in charts, status indicators, or interactive elements. Blue-orange combinations remain distinguishable for most people with this condition.
Try It Out
Related Articles
Color for Data Storytelling: Beyond Default Chart Colors
Go beyond default chart colors for data storytelling. Learn sequential, diverging, and categorical palettes, accessibility in dataviz, and D3/Chart.js color scales.
The Story of Facebook Blue: Zuckerberg's Color Choice
Discover why Facebook chose blue as its signature color, the exact hex (#1877F2), and how Mark Zuckerberg's color blindness shaped one of the world's most recognized brands.
What Is Color Blindness? Types, Causes, and Design Impact
Understand color blindness types (deuteranopia, protanopia, tritanopia), causes, prevalence statistics, and how to design inclusive interfaces for color blind users.
What Is Metamerism? Why Colors Look Different Under Different Lights
Understand metamerism — why colors match under one light but look different under another. Learn illuminant, observer, and field-size metamerism and how to test for it.
Color Accessibility Checklist for Web Developers
A complete color accessibility checklist for web developers covering WCAG contrast ratios, color-alone reliance, focus indicators, testing tools, and automated checks.
How Many Colors Can the Human Eye See?
The human eye can distinguish roughly 10 million colors. Learn how cone cells work, what tetrachromacy is, and why screens can only display a fraction of what we see.