ZenovayTools

Color Blindness Simulator

Simulate how colors appear to people with different types of color vision deficiency (CVD) including protanopia, deuteranopia, and tritanopia.

Input Color

Color Vision Deficiency Simulation

Normal Vision

Full trichromatic color vision

#3b82f6

Protanopia

Absent red (L) cones — ~1% of males

#5f85fc

Deuteranopia

Absent green (M) cones — ~1% of males

#4d74f3

Tritanopia

Absent blue (S) cones — very rare

#1499a5

Protanomaly

Weakened red (L) cones — ~1% of males

#5282f9

Deuteranomaly

Weakened green (M) cones — ~5% of males

#497cf5

Tritanomaly

Weakened blue (S) cones — rare

#3786c5

Achromatopsia

Total color blindness — monochromacy

#7b7b7b

Color Pair Contrast Checker

See how the contrast between two colors holds up across all CVD types.

TypeColor 1Color 2RatioAA
Normal Vision
#3b82f6
#ffffff
3.68:1Fail
Protanopia
#5f85fc
#ffffff
3.36:1Fail
Deuteranopia
#4d74f3
#ffffff
4.11:1Fail
Tritanopia
#1499a5
#ffffff
3.43:1Fail
Protanomaly
#5282f9
#ffffff
3.55:1Fail
Deuteranomaly
#497cf5
#ffffff
3.83:1Fail
Tritanomaly
#3786c5
#fcffff
3.88:1Fail
Achromatopsia
#7b7b7b
#ffffff
4.23:1Fail

AA = WCAG 2.1 Level AA normal text (4.5:1 minimum). Both colors are independently simulated for each CVD type before the ratio is calculated.

How to Use Color Blindness Simulator

  1. 1Enter a color using the color picker or hex input.
  2. 2Select a color vision deficiency type to simulate.
  3. 3Compare original and simulated colors side by side.
  4. 4Check contrast ratios for accessibility compliance.
Zenovay

Privacy-first analytics for your website

Understand your visitors without invasive tracking. GDPR compliant, lightweight, and powerful.

Explore Zenovay

Frequently Asked Questions

What is color blindness?
Color blindness (color vision deficiency) is the reduced ability to distinguish certain colors. It is usually caused by an absence or malfunction of one or more types of cone photoreceptors in the retina. Most people with color blindness can still see colors — they just cannot distinguish some combinations, especially red and green.
What are the main types of color blindness?
The most common types are protanopia (missing red cones), deuteranopia (missing green cones), and tritanopia (missing blue cones). Anomalous forms — protanomaly, deuteranomaly, and tritanomaly — occur when cones are present but shifted in sensitivity rather than completely absent. Achromatopsia is total color blindness where only brightness is perceived.
How many people are affected by color blindness?
Approximately 8% of men and 0.5% of women of Northern European descent have some form of color vision deficiency. Red-green color blindness (protanopia + deuteranopia + their anomalous variants) is by far the most common. Tritanopia and achromatopsia are much rarer, affecting fewer than 1 in 10,000 people.
How should I design for color blind users?
Avoid using color as the only means of conveying information — pair it with icons, patterns, or labels. Use high-contrast color pairs and test your palette with simulation tools. Prefer color schemes that remain distinguishable under the most common deficiencies (deuteranomaly/deuteranopia). Tools like this simulator let you check whether your chosen colors still communicate their intended meaning when viewed by someone with a color vision deficiency.
What do WCAG guidelines say about color?
WCAG 1.4.1 (Use of Color, Level A) requires that color is not used as the sole visual means of conveying information or indicating an action. WCAG 1.4.3 and 1.4.6 mandate minimum contrast ratios of 4.5:1 (AA) and 7:1 (AAA) between text and its background. Meeting these contrast requirements also improves readability for users with color vision deficiency because high-contrast combinations tend to remain distinguishable across most CVD types.