Protanopia
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/protanopia/" 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/protanopia/Add a dynamic SVG badge to your README or docs.
[](https://colorfyi.com/glossary/protanopia/)Use the native HTML custom element.
A type of red-green color blindness caused by the absence of red-sensitive cone cells, making reds appear dark and difficult to distinguish from greens and browns.
Protanopia affects approximately 1% of males. People with this condition lack L-cone (long wavelength, red-sensitive) photoreceptors, causing red to appear very dark (nearly black at low brightness) and difficult to distinguish from green or brown. Unlike deuteranopia, protanopia significantly affects the perceived brightness of red, which can make red text or warning indicators less visible. Designers should ensure that red-coded information uses additional cues like icons, text labels, or patterns, and that red text has sufficient size and weight to remain readable.
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.
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.
Color in Dashboard Design: Status, Alerts, and KPIs
Design effective dashboard color systems for status indicators, RAG scoring, chart palettes, and alert severity. Build accessible, scannable data interfaces.