Loading...
Preview how colors appear with different types of color blindness. Test accessibility for color vision deficiency.
Color blindness (color vision deficiency) is a reduced ability to distinguish between certain colors, affecting about 8% of males and 0.5% of females worldwide.
Normal Vision
#3b82f6
Protanopia
#5a5ada
Protanomaly
#486ae8
Deuteranopia
#5650d3
Deuteranomaly
#4970e6
Tritanopia
#3fc4bf
Tritanomaly
#3da1e1
Achromatopsia
#7a7a7a
Protanopia
Red-blind, missing L-cones
~1% of males
Protanomaly
Red-weak, reduced L-cone sensitivity
~1% of males
Deuteranopia
Green-blind, missing M-cones
~1% of males
Deuteranomaly
Green-weak, reduced M-cone sensitivity
~5% of males
Tritanopia
Blue-blind, missing S-cones
~0.001% of population
Tritanomaly
Blue-weak, reduced S-cone sensitivity
~0.01% of population
Achromatopsia
Complete color blindness, monochromatic
~0.003% of population
Formula
Simulation converts sRGB into LMS cone response, collapses the missing cone onto the other two, then converts backProtanopia = the long wavelength (L) cone is absent, so reds darken toward olive
Deuteranopia = the medium wavelength (M) cone is absent, the most common form, and red and green converge
Tritanopia = the short wavelength (S) cone is absent, and blue and yellow converge
Achromatopsia = no functional colour cones at all, leaving luminance only
Did you know? Roughly 1 in 12 men and 1 in 200 women have some colour vision deficiency, and deuteranomaly alone accounts for about half of all cases. That is why WCAG requires colour never to be the only way information is conveyed.
Sources
Convert text to ASCII codes and back. Supports decimal, hex, binary, and octal formats.
Calculate required internet bandwidth based on devices and activities in your household.
Encode and decode Base64 strings. Convert text for data URIs, APIs, and safe data transmission.
Create CSS border-radius with visual controls for each corner. Generate circles, pills, and custom shapes.
Create CSS box shadows with multiple layers, live preview, and copy-ready code.
Convert colors between HEX, RGB, HSL, and OKLCH. Includes alpha support and copy buttons for CSS-ready formats.