logologo
Home
Color picker
Libraries
English

Color Blindness Simulator — Free Online Color Vision Testing

See how your colors look to people with different types of color blindness. Optimize your design for accessibility, usability and inclusivity.

Color Picker

Select or enter a color code

#2596BE
#
HSL/HSV Square Picker
Related Color Schemes
Blindness Simulator

Check how a color is perceived by people with different types of color blindness to create more accessible designs. Understanding color perception helps ensure your content is accessible to everyone.

Impact

8% of men and 0.5% of women have some form of color vision deficiency.

Types

Red-green blindness is most common, affecting how reds and greens are perceived.

Design Better

Use contrast and patterns alongside color to convey information.

Original Color

This is how the color appears with normal color vision.

#2596BE

Red-Green Blindness (Protanopia)

Three colors spaced evenly along the color wheel, each 120 degrees of hue apart. Best to allow one color to dominate and use the others as accents.

Protanopia

✓82%
1.3% of men, 0.02% of women
How it appears
#5657B4

Protanomaly

✓90% SIMILAR
1.3% of men, 0.02% of women
Original
#2596BE
Simulated
#3A70B9

Protanomaly

✓90% SIMILAR
1.3% of men, 0.02% of women
How it appears
#3A70B9

Red-Green Partial (Deuteranopia)

Three colors spaced evenly along the color wheel, each 120 degrees of hue apart. Best to allow one color to dominate and use the others as accents.

Deuteranopia

✓80%
1.2% of men, 0.01% of women
How it appears
#4F47B2

Deuteranomaly

✓92% SIMILAR
5% of men, 0.35% of women
Original
#2596BE
Simulated
#3C79B8

Deuteranomaly

✓92% SIMILAR
5% of men, 0.35% of women
How it appears
#3C79B8

Blue-Yellow Blindness (Tritanopia)

Three colors spaced evenly along the color wheel, each 120 degrees of hue apart. Best to allow one color to dominate and use the others as accents.

Tritanopia

✓93% SIMILAR
0.008% of men and women
How it appears
#2BADAB

Tritanomaly

✓97% SIMILAR
0.01% of men and women
Original
#2596BE
Simulated
#29A1B7

Tritanomaly

✓97% SIMILAR
0.01% of men and women
How it appears
#29A1B7

Complete Color Blindness

Three colors spaced evenly along the color wheel, each 120 degrees of hue apart. Best to allow one color to dominate and use the others as accents.

Achromatopsia

✓75%
0.003% of men and women
How it appears
#797979

Achromatomaly

✓86%
0.00001% of men and women
Original
#2596BE
Simulated
#538698

Achromatomaly

✓86%
0.00001% of men and women
How it appears
#538698
Conversion
Variations
Color Combinations
Contrast Checker

Core Features

  • Multiple Color Blindness Modes
  • Simulate real conditions including:
  • Protanopia (red-blind)
  • Deuteranopia (green-blind)
  • Tritanopia (blue-blind)
  • Protanomaly
  • Deuteranomaly
  • Tritanomaly
  • Achromatopsia (complete color blindness)
  • Side-by-Side Comparison
  • View normal vision vs color-blind vision simultaneously for fast evaluation.
  • Real UI Preview
  • Test how colors appear on:
  • Buttons
  • Text
  • Cards
  • Icons
  • Backgrounds
  • Upload Your Own Image
  • Test color-blind visibility directly using your own images, graphics or brand visuals.
  • Instant & Accurate Simulation
  • Simulations are powered by accurate, research-based color mapping algorithms.

How To Use

1
Enter a Color Value — type a HEX color code or pick from <a href="https://colorpicker.pinart.ai/en/color-wheel">color wheel</a>.
2
Select Color Blindness Type — switch between different simulation modes with one click.
3
Compare Real-Time Results — see normal vs simulated views side-by-side.
4
Adjust Your Colors — use the insights to improve contrast, saturation or palette choices.

Find answers to commonly asked questions

What does a color blindness simulator do?

It previews how a color or interface may appear under different color-vision conditions such as protanopia, deuteranopia, and tritanopia.

Why use a color blindness simulator in product design?

It helps you catch problem states where status colors, alerts, or category labels become difficult to distinguish.

Can I test my own colors with it?

Yes. You can start from a chosen color and review how it changes across multiple simulated vision modes.

Does this replace contrast checking?

No. Use it together with contrast testing because a color can pass contrast rules and still become confusing in some vision conditions.

Is the blindness simulator free to use?

Yes. The simulator runs in the browser and is available without registration.