Color contrast is important for accessibility, but it's hard to figure out because:

1. Web color codes aren't intuitive.
2. Luminosity calculations are complicated.
3. There are different accessibility critera for large text.
4. Contrast critera are buried in the middle of the guidelines.

HTML5 color input elements and JavaScript to the rescue!