Color Blindness

Upload Image

+

Drop an image here or click to upload

Color Vision Type

Dichromacy (Complete)

Anomalous Trichromacy (Partial)

No color blindness - Prevalence: ~92%

WCAG Contrast Checker

Sample Text
Sample Text

Original Contrast

Passes AA (All)

Passes AAA (All)

View contrast by color blindness type
TypeContrastAAAAA

Color Swatch Comparison

About Color Blindness

Dichromacy (Complete)

  • Protanopia: Missing red cones - red appears dark, confused with green/brown
  • Deuteranopia: Missing green cones - most common, red/green confusion
  • Tritanopia: Missing blue cones - rare, blue/yellow confusion
  • Achromatopsia: Complete color blindness - sees only grayscale

Anomalous Trichromacy (Partial)

  • Protanomaly: Shifted red cones - reduced red sensitivity
  • Deuteranomaly: Shifted green cones - most common form (~5% of men)
  • Tritanomaly: Shifted blue cones - very rare

Design Tips for Accessibility

  • Don't rely solely on color to convey information
  • Use patterns, shapes, or labels in addition to color
  • Ensure sufficient contrast between colors
  • Avoid red/green combinations for important distinctions
  • Test your designs with color blindness simulators
  • WCAG AA requires 4.5:1 contrast for normal text, 3:1 for large text
  • WCAG AAA requires 7:1 contrast for normal text, 4.5:1 for large text