Skip to content

Instantly share code, notes, and snippets.

@davatron5000

davatron5000/colorcontrast.md

Created February 19, 2013 17:43
Show Gist options
  • Save davatron5000/4988117 to your computer and use it in GitHub Desktop.
Save davatron5000/4988117 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
colorcontrast.md

How-to: Have Great Color Contrast

2 benefits

  • Text is readable by people with low vision.
  • Luminosity difference aids color blindness.

Notable ratios

  • 4.5:1 for small text
  • 3.0:1 for large text (18pt/14pt Bold) (24px/19px Bold)
  • 2.5:1 for links

Contrast checkers

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment