Upload Image
📷
Drag & drop an image here
or click to select
Color Vision Type
Dichromacy (Complete)
Anomalous Trichromacy (Partial)
No color blindness - Prevalence: ~92%
WCAG Contrast Checker
Sample Text
Sample Text
Original Contrast
2.91:1
Fail
Passes AA (All)
No
Passes AAA (All)
No
View contrast by color blindness type
| Type | Contrast | AA | AAA |
|---|---|---|---|
| Protanopia | 1.48:1 | Fail | Fail |
| Deuteranopia | 3.35:1 | Fail | Fail |
| Tritanopia | 1.36:1 | Fail | Fail |
| Achromatopsia | 2.90:1 | Fail | Fail |
| Protanomaly | 1.38:1 | Fail | Fail |
| Deuteranomaly | 1.94:1 | Fail | Fail |
| Tritanomaly | 1.65:1 | Fail | Fail |
Color Swatch Comparison
Red
Green
Blue
Yellow
Cyan
Magenta
Orange
Purple
About Color Blindness
Dichromacy (Complete)
- Protanopia: Missing red cones - red appears dark, confused with green/brown
- Deuteranopia: Missing green cones - most common, red/green confusion
- Tritanopia: Missing blue cones - rare, blue/yellow confusion
- Achromatopsia: Complete color blindness - sees only grayscale
Anomalous Trichromacy (Partial)
- Protanomaly: Shifted red cones - reduced red sensitivity
- Deuteranomaly: Shifted green cones - most common form (~5% of men)
- Tritanomaly: Shifted blue cones - very rare
Design Tips for Accessibility
- Don't rely solely on color to convey information
- Use patterns, shapes, or labels in addition to color
- Ensure sufficient contrast between colors
- Avoid red/green combinations for important distinctions
- Test your designs with color blindness simulators
- WCAG AA requires 4.5:1 contrast for normal text, 3:1 for large text
- WCAG AAA requires 7:1 contrast for normal text, 4.5:1 for large text