ToolBark
Color & Design

Color Blindness Simulator

See your colours through colour-blind eyes — instantly

Color Blindness Simulator

Sample Colours
HEX#E53E3E
RGB229, 62, 62
Contraston white 4.13:1  ·  on black 5.09:1
Side-by-Side Comparison
Original
Original#E53E3E
Protanopia
Protanopia#6F663C
Deuteranopia
Deuteranopia#998A38
Tritanopia
Tritanopia#FC0040
Achromatopsia
Achromatopsia#7D7D7D

Protanopia

No L (red) cones. Reds appear dark; red-green confusion.

Original
#E53E3E
Perceived
#6F663C
#6F663C
Perceived hex
111,102,60
RGB
72%
Similarity
Colour shift72% similar to original

Deuteranopia

No M (green) cones. Most common; red-green confusion.

Original
#E53E3E
Perceived
#998A38
#998A38
Perceived hex
153,138,56
RGB
76%
Similarity
Colour shift76% similar to original

Tritanopia

No S (blue) cones. Blue-yellow confusion; rarest form.

Original
#E53E3E
Perceived
#FC0040
#FC0040
Perceived hex
252,0,64
RGB
85%
Similarity
Colour shift85% similar to original

Achromatopsia

No colour perception at all (rod monochromacy). Greyscale only.

Original
#E53E3E
Perceived
#7D7D7D
#7D7D7D
Perceived hex
125,125,125
RGB
69%
Similarity
Colour shift69% similar to original
Design Accessibility Tips
  • 1.Never rely on colour alone to convey information — add icons, labels, or patterns.
  • 2.Red-green is the most common deficiency (affects ~8% of males). Avoid red/green pairs as sole differentiators.
  • 3.Aim for WCAG AA contrast ratio ≥ 4.5:1 for body text, ≥ 3:1 for large text.
  • 4.Blue-yellow combinations (e.g. blue and orange) are generally safer for most colour-blind users.
About

The Color Blindness Simulator lets designers and developers preview any colour as it appears to people with protanopia (red-blind), deuteranopia (green-blind), tritanopia (blue-blind), or achromatopsia (no colour perception). Enter any hex or RGB value and instantly see a side-by-side comparison — no install, no signup, completely free. Build more accessible, inclusive colour palettes today.

FAQ
What is the difference between protanopia and deuteranopia?+

Both cause red-green colour confusion, but for different reasons. Protanopia means the eye has no functioning L (long-wavelength, red-sensitive) cones, making reds appear very dark. Deuteranopia means no M (medium-wavelength, green-sensitive) cones. Deuteranopia is roughly twice as common, affecting about 5% of males.

How accurate is this colour blindness simulation?+

The simulator uses linearised sRGB colour matrices derived from the Brettel/Viénot cone-response models, which are the industry-standard approach used in professional accessibility tools. Colours are converted to linear light space before transformation and then gamma-corrected back, giving perceptually accurate results.

What percentage of people are colour blind?+

Approximately 8% of males and 0.5% of females have some form of colour vision deficiency. Red-green deficiencies (protanopia and deuteranopia together) account for the vast majority. Tritanopia is much rarer, affecting fewer than 1 in 10,000 people.

How can I make my designs more accessible for colour-blind users?+

Never rely on colour as the only way to convey information — always pair it with icons, text labels, or patterns. Avoid problematic red/green combinations as the sole visual differentiator. Aim for WCAG contrast ratios of at least 4.5:1 for body text. Blue-orange colour pairings are generally safer for most types of colour blindness.

Related tools