Color Blindness Simulator — Preview Your Palette for CVD
Simulate how your colors look to people with color vision deficiency (CVD). Covers all 8 common types — deuteranomaly, protanopia, tritanopia, achromatopsia, and more.
Runs 100% in your browser — nothing is uploaded.
- Normal visionBaseline#6366F1
- Deuteranomaly (green-weak)~5% of men#6465DD
- Deuteranopia (green-blind)~1% of men#6464C7
- Protanomaly (red-weak)~1% of men#6465E0
- Protanopia (red-blind)~1% of men#6464CF
- Tritanomaly (blue-weak)<0.01%#638BD8
- Tritanopia (blue-blind)<0.01%#63B5AF
- Achromatomaly (partial monochrome)Very rare#6D6EAD
- Achromatopsia (full monochrome)~0.003%#757575
Frequently asked
It uses the Machado, Oliveira & Fernandes (2009) physiologically-based transformation matrices — the same model used by tools like Sim Daltonism and the Chrome DevTools rendering emulator.
Deuteranomaly (green-weak) affects around 5% of men and about 0.4% of women. Full deuteranopia and protanopia together account for another ~2% of men.
Roughly 1 in 12 men and 1 in 200 women have some form of CVD. If your UI relies on red vs. green (chart series, success/error states, form validation), it may be unusable for a meaningful chunk of your audience.
Related tools
- Contrast CheckerTest any foreground/background color pair against WCAG 2.2 contrast rules. Shows
- Color ConverterPaste any color in hex, rgb(), rgba(), or hsl() and get it in every other format
- Color Harmony GeneratorGenerate a palette from any base color using 7 classic color-theory schemes: com
- CSS Color NamesBrowse all 147 CSS3 named colors. Look up a color name from a hex code, or find
- CSS Gradient GeneratorDesign linear, radial, and conic CSS gradients with unlimited color stops. Live