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.)