ToolSpark

Color Blindness Simulator

See how your colors look to people with different types of color vision deficiency. Includes WCAG contrast checking.

Share:𝕏fin

Normal Vision

Full color perception (~92%)

#3b82f6
#ef4444
#22c55e
#f59e0b
#8b5cf6
Sample Text
Sample Text
Contrast: 1.02:1Fail

Protanopia

No red cone cells - red appears dark (~1% of males)

#5a5ada
#a5a344
#696a77
#cfcf2f
#7776d1
Sample Text
Sample Text
Contrast: 2.03:1Fail

Deuteranopia

No green cone cells - most common type (~5% of males)

#5650d3
#afbc44
#5f537d
#d4db37
#797dc8
Sample Text
Sample Text
Contrast: 2.90:1Fail

Tritanopia

No blue cone cells - blue/yellow confusion (~0.01%)

#3fc4bf
#e64444
#2a8b8f
#f14b51
#89b3ad
Sample Text
Sample Text
Contrast: 1.87:1Fail

Achromatopsia

Complete color blindness - grayscale only (~0.003%)

#7a7a7a
#777777
#898989
#a7a7a7
#7c7c7c
Sample Text
Sample Text
Contrast: 1.04:1Fail

Test an Image

Drop an image or click to upload

💡 Click any color swatch to copy its hex code. Upload images to see them through different color vision types. WCAG contrast ratios help ensure accessibility.

Frequently Asked Questions

Related Tools