Color Blindness Simulator
Simulate how colors appear to people with different types of color vision deficiency (CVD) including protanopia, deuteranopia, and tritanopia.
Input Color
Color Vision Deficiency Simulation
Normal Vision
Full trichromatic color vision
Protanopia
Absent red (L) cones — ~1% of males
Deuteranopia
Absent green (M) cones — ~1% of males
Tritanopia
Absent blue (S) cones — very rare
Protanomaly
Weakened red (L) cones — ~1% of males
Deuteranomaly
Weakened green (M) cones — ~5% of males
Tritanomaly
Weakened blue (S) cones — rare
Achromatopsia
Total color blindness — monochromacy
Color Pair Contrast Checker
See how the contrast between two colors holds up across all CVD types.
| Type | Color 1 | Color 2 | Ratio | AA |
|---|---|---|---|---|
| Normal Vision | #3b82f6 | #ffffff | 3.68:1 | Fail |
| Protanopia | #5f85fc | #ffffff | 3.36:1 | Fail |
| Deuteranopia | #4d74f3 | #ffffff | 4.11:1 | Fail |
| Tritanopia | #1499a5 | #ffffff | 3.43:1 | Fail |
| Protanomaly | #5282f9 | #ffffff | 3.55:1 | Fail |
| Deuteranomaly | #497cf5 | #ffffff | 3.83:1 | Fail |
| Tritanomaly | #3786c5 | #fcffff | 3.88:1 | Fail |
| Achromatopsia | #7b7b7b | #ffffff | 4.23:1 | Fail |
AA = WCAG 2.1 Level AA normal text (4.5:1 minimum). Both colors are independently simulated for each CVD type before the ratio is calculated.
How to Use Color Blindness Simulator
- 1Enter a color using the color picker or hex input.
- 2Select a color vision deficiency type to simulate.
- 3Compare original and simulated colors side by side.
- 4Check contrast ratios for accessibility compliance.
Privacy-first analytics for your website
Understand your visitors without invasive tracking. GDPR compliant, lightweight, and powerful.