Color Blindness Simulator
Interactive color blindness simulator that previews your brand colors across protanopia, deuteranopia, tritanopia and achromatopsia with delta-E analysis and contrast insights.
Define your base color
Pick the UI color you rely on for buttons, links or status states. We’ll instantly simulate how it looks across the most common color vision deficiencies.
See how each viewer experiences your UI
Every panel shows the simulated color, contrast against your chosen background and how far it drifts from the original hue.
Standard vision
How most users will experience the color.
Minimal shift
Primary button
Start your journey#4F46E5ΔE 0.0
Contrast vs background6.01 : 1 (AA)
Protanopia
Red cones are missing, so reds appear darker and less vibrant.
Noticeable shift
Primary button
Start your journey#4B4BBFΔE 5.2
Contrast vs background6.56 : 1 (AA)
Deuteranopia
Green cones are missing, causing confusion between reds and greens.
Noticeable shift
Primary button
Start your journey#4C4CB5ΔE 6.7
Contrast vs background6.67 : 1 (AA)
Tritanopia
Blue cones are missing, so blues and yellows shift dramatically.
Significant shift
Primary button
Start your journey#4FA099ΔE 41.3
Contrast vs background2.94 : 1 (fails AA)
Achromatopsia
Very rare. Color vision is almost entirely absent, leaving greyscale.
Significant shift
Primary button
Start your journey#5B5B5BΔE 30.2
Contrast vs background6.49 : 1 (AA)