Skip to content

Color Blindness Simulator

Simulate how colors appear to people with color vision deficiencies. Test protanopia, deuteranopia, and more.

Color Blindness Simulator tool

Loading...

Example

Input: #C4653A

Result: Protanopia #7F7235, Deuteranopia #968738, Tritanopia #D6525B, Achromatopsia #7F7F7F

The color is converted to linear RGB and multiplied by a simulation matrix for each missing cone type; achromatopsia keeps only the luminance as a gray.

How Common Colors Shift Under Color Blindness

ColorProtanopiaDeuteranopiaTritanopia
Red #FF0000#6D5F00#A39000#FF000F
Green #008000#837200#776A18#007C6C
Lime #00FF00#FFE500#EFD63A#00F7D9
Orange #FFA500#C3AC00#D9C10E#FF8E8D
Yellow #FFFF00#FFF400#FFFA31#FFEED9
Blue #0000FF#0059FF#003DFB#006B96
Purple #800080#003D83#304B7D#842149
Pink #FFC0CB#C9CACB#D8D5CA#FFBCC4

Simulated with the tool (Machado 2009 model, full severity).

  1. Enter a color as a hex code in the Hex Color field.
  2. See the simulations for all four conditions at once: protanopia, deuteranopia, tritanopia, and achromatopsia.
  3. Compare each simulated color side by side with the original to see how it shifts under each condition, and copy the simulated hex codes if needed.
  4. Enter each color in your palette in turn to identify combinations that become indistinguishable for colorblind users.
  5. Use the results to choose more accessible alternatives, then verify your updated palette with the Color Contrast Checker tool.

How Color Blindness Changes What People See

This simulator shows how a color looks with four types of color blindness: protanopia, deuteranopia, tritanopia and achromatopsia. Enter a hex code to see the simulated color for each type next to the original. Each result has a hex code you can copy.

Red-green color blindness is by far the most common kind. It is inherited on the X chromosome and affects about 1 in 12 men and 1 in 200 women of Northern European descent.

Most people with color blindness see plenty of color but mix up certain hues. In protanopia the red cones do not work, and in deuteranopia the green cones do not. Both make reds, greens, oranges and browns hard to tell apart. Tritanopia, a rare loss of blue cones, makes blue hard to tell from green and yellow hard to tell from red.

The simulator uses the Machado (2009) model at full strength, which shows the most severe form of each type. Many people have a milder form and see smaller shifts than shown here. Achromatopsia, a very rare total loss of color vision, is shown as a gray of the same brightness.

Use it to catch colors that collapse into one. Pure red #FF0000 and CSS green #008000 both turn into dark olive tones under protanopia, #6D5F00 and #837200. The tool takes one color at a time, so enter each color of a pair in turn. If two colors in a chart or status badge merge, add labels, icons or patterns, or make one clearly lighter. Then check text pairs with the Color Contrast Checker.

Frequently Asked Questions

People with protanopia have no working red cones. Reds look darker and shift toward olive or brown, and red, orange, yellow and green can look alike. In this simulator, pure red #FF0000 becomes a dark olive #6D5F00, and bright green #00FF00 becomes a yellow, #FFE500.
Both are red-green types. Protanopia means the red cones are missing, and deuteranopia means the green cones are missing. They confuse the same color pairs, but in protanopia reds also look much darker. A design that works for one type usually works for the other.
Never use color as the only signal. Pair it with text labels, icons, patterns or position. Give colors that must be told apart a clear difference in lightness, not just hue. Avoid pairing red with green, or blue with purple, for key information. Then run your palette through a simulator like this one.
Yes, but it is much less common. Red-green color blindness is carried on the X chromosome, so a woman needs the gene on both of her X chromosomes to be affected. That is why rates are about 1 in 200 women against about 1 in 12 men. Tritanopia is not X-linked and affects both sexes equally.
It is a useful estimate, not an exact picture. The Machado model is widely used and here shows the full-strength form of each type. Real vision varies from person to person, and screens vary too. Use simulation to spot likely problems, and test with real users where you can.

Related Tools

Color Contrast Checker

Check color contrast ratios for WCAG AA and AAA compliance. Ensure your text is readable and accessible.

Color Tools

Color Palette Generator

Generate harmonious color palettes. Create complementary, analogous, triadic, and split-complementary schemes.

Color Tools

Color Picker

Pick any color visually and get values in hex, RGB, HSL, and CMYK. Interactive saturation panel and hue slider.

Color Tools

Hex to RGB Converter

Convert hexadecimal color codes to RGB values instantly. Supports shorthand and 8-digit hex with alpha.

Color Tools

Color Name Finder

Find the closest named CSS color for any hex color code. Identify colors by their standard names instantly.

Color Tools

Grayscale Image Converter

Convert color images to black and white using Canvas pixel manipulation. Preview and download instantly.

Image and Media