Color Blindness CVD Simulator
Color Blindness CVD Simulator
Preview your brand palette through protanopia, deuteranopia, tritanopia, and achromatopsia, and check WCAG pair preservation.
See how this tool connects to category hubs, workflow paths, starter kits, and adjacent next steps.
Starter Kits Including This Tool
Recommended: Dark Mode Token Checker
CVD preservation is decent. Validate the same roles across light and dark UI next.
Brand Palette
Add up to 8 brand colors. Each is simulated through four color-vision deficiencies.
6 colors · paste comma-separated hex to add multiple
Simulation Summary
6 colors · 30 checked pairs
60% preservedDeficiency Previews
Each row shows original swatches beside how they appear under that deficiency.
Protanopia
Red-blind. ~1% of males; red appears darker and shifts toward olive/amber.
Deuteranopia
Green-blind. Most common CVD at ~1% of males; reds and greens are hard to tell apart.
Tritanopia
Blue-blind. Rare (<0.01%); blues look darker and yellows shift toward pink.
Achromatopsia
Full monochromacy. Very rare; the palette collapses to shades of gray.
CVD Pair Preservation
A few pairs break under simulation. Strengthen contrast or add a non-color cue.
Pairs That Break Under Deuteranopia
These combinations pass normal WCAG checks but fail for green-blind users.
| Pair | Original Ratio | Simulated Ratio | Original AA | Simulated AA | Simulated Preview |
|---|---|---|---|---|---|
| #0F172A on #38BDF8 | 8.33:1 | 3.91:1 | Pass | Fail | Aa Preview |
| #38BDF8 on #0F172A | 8.33:1 | 3.91:1 | Pass | Fail | Aa Preview |
| #0F172A on #10B981 | 7.04:1 | 2.25:1 | Pass | Fail | Aa Preview |
| #10B981 on #0F172A | 7.04:1 | 2.25:1 | Pass | Fail | Aa Preview |