Accessibility

Color Blindness Simulator

See how your colors appear under different types of color vision deficiency. Test contrast, simulate swatches, and apply filters to images.

Color Swatch Simulator

Pick a color and see how it appears under each type of color vision deficiency.

Original#e74c3c
#a4a340
ProtanopiaRed-blind (no red cones)
#adb941
DeuteranopiaGreen-blind (no green cones)
#df4344
TritanopiaBlue-blind (no blue cones)
#cb803e
ProtanomalyRed-weak (anomalous red cones)
#c8743e
DeuteranomalyGreen-weak (anomalous green cones)
#e2483f
TritanomalyBlue-weak (anomalous blue cones)
#797979
AchromatopsiaTotal color blindness (monochromacy)

Contrast Check by CVD Type

Set text and background colors, then see contrast ratios under each color vision deficiency.

Image Filter

Upload an image and apply color blindness filters to see how it looks to people with different types of CVD.

Drop an image hereor click to browse (PNG, JPG, WebP, etc.)