Color Blindness Simulator
Simulate how colors look with protanopia, deuteranopia, tritanopia and achromatopsia. Compare original and color-blind versions of any HEX to test accessibility.
Color vision simulation
What is the Color Blindness Simulator?
The Color Blindness Simulator shows how a color appears to people with different types of color vision deficiency (CVD).
- Simulates four CVD types plus the original
- Protanopia, deuteranopia, tritanopia, achromatopsia
- Standard color-transform matrices
- Side-by-side swatches with HEX codes
- Helps meet accessibility guidelines
- Private, client-side simulation
How to use the Color Blindness Simulator
- 1
Pick or type the color you want to test as a HEX code.
- 2
Compare the original swatch with each simulated version.
- 3
Read the simulated HEX for protanopia, deuteranopia, tritanopia and achromatopsia.
- 4
Adjust your color if two important states look too similar under simulation.
About the Color Blindness Simulator
The Color Blindness Simulator shows how a color appears to people with different types of color vision deficiency (CVD). Enter any color and the tool renders it alongside four simulations — protanopia and deuteranopia (red-green types), tritanopia (blue-yellow), and achromatopsia (total color blindness) — using standard color-transform matrices.
Around 1 in 12 men and 1 in 200 women have some form of color blindness, so checking that your UI states, charts and labels stay distinguishable is an important accessibility step. Compare the original and simulated swatches side by side, each with its resulting HEX code.
All simulation runs locally in your browser using matrix math — nothing is uploaded, there is no account, and it works offline once loaded.
Frequently asked questions
What are the main types of color blindness?
The most common are red-green deficiencies: protanopia (reduced red sensitivity) and deuteranopia (reduced green). Tritanopia is a rarer blue-yellow deficiency, and achromatopsia is total color blindness where only brightness is perceived. This tool simulates all four.
How accurate is a color blindness simulator?
Simulators apply well-established transform matrices that approximate how dichromats perceive color. They are a strong first-pass check for design decisions, but individual experiences of CVD vary, so they estimate rather than reproduce exact perception.
How do I make my design color-blind friendly?
Never rely on color alone to convey meaning. Add labels, icons, patterns or text, ensure sufficient lightness contrast between important elements, and avoid red/green as the only distinction between states like success and error. Test key screens with a simulator.
Which colors are hardest for color-blind users?
For the common red-green types, red versus green and combinations like green/brown or blue/purple can be difficult. Pairs that differ mainly in hue but not in brightness are the most problematic; differences in lightness survive most types of color blindness.
How common is color blindness?
It affects roughly 8% of men and 0.5% of women of Northern European descent — about 1 in 12 and 1 in 200 respectively. Red-green deficiency is by far the most common form, which is why it dominates accessibility guidance.
Guides for Color Blindness Simulator
Related tools
Contrast Checker
Check the contrast ratio between text and background colors against WCAG AA and AAA standards. Live preview, pass/fail badges and a one-click color swap.
Color Palette Generator
Generate complementary, analogous, triadic, tetradic and monochromatic color palettes from any base color. Click any swatch to copy its HEX code fast.
Color Name Finder
Find the nearest CSS named color for any HEX or RGB value. Shows the color name, its swatch and how close the match is, using all 140+ CSS color keywords.
Color Picker
Pick any color and get its HEX, RGB and HSL values instantly. Free online color picker with shades, tints and one-click copy for designers and developers.
RGB to HSL Converter
Convert RGB values to HSL instantly. Enter red, green and blue channels and get hue, saturation and lightness with a live swatch and copyable hsl() output.