Accessibility
Color Blindness Simulator
Preview how your color palette appears to people with different types of color vision deficiency
Your Color Palette
Remove#ef4444
Remove#f97316
Remove#eab308
Remove#22c55e
Remove#3b82f6
Remove#8b5cf6
Normal Vision
How colors appear with typical color vision
#ef4444
#f97316
#eab308
#22c55e
#3b82f6
#8b5cf6
Protanopia
Red-blind, cannot perceive red light (~1% of males)
#bebd44
#cdcc3e
#d4d45e
#898a81
#6262e1
#7979dd
Deuteranopia
Green-blind, cannot perceive green light (~1% of males)
#c5cf44
#d4dc44
#d8db67
#817588
#5e58dc
#7c7fd7
Tritanopia
Blue-blind, cannot perceive blue light (~0.01% of population)
#ea4444
#f44f53
#e87b80
#3b969a
#41ceca
#89c7c1
Achromatopsia
Complete color blindness, sees only grayscale (~0.003% of population)
#959595
#a7a7a7
#bdbdbd
#9f9f9f
#898989
#888888
Protanomaly
Red-weak, reduced sensitivity to red (~1% of males)
#dc9b44
#e8af2f
#e1c844
#5fa572
#4e70eb
#846eea
Deuteranomaly
Green-weak, reduced sensitivity to green (~5% of males)
#da8d44
#e6a431
#e0c349
#63ad74
#5075ea
#836be8
Tritanomaly
Blue-weak, reduced sensitivity to blue (Very rare)
#ec4444
#f66437
#e89c52
#34b17a
#3fabe6
#8a9ae4
Accessibility Tips
- 1.Don't rely on color alone to convey information. Use icons, patterns, or text labels.
- 2.Ensure sufficient contrast between foreground and background colors.
- 3.Test with actual users who have color vision deficiency when possible.
- 4.Consider using color-blind friendly palettes that maintain distinction across all vision types.
- 5.Red-green color blindness is most common. Avoid using red and green as the only distinguishing colors.