Color Contrast Checker
Check whether a text/background color pair meets WCAG accessibility guidelines.
The quick brown fox jumps over the lazy dog
21.00 : 1
✓ AA — normal text
✓ AA — large text
✓ AAA — normal text
✓ AAA — large text
How it works
- 1
Pick two colors
One for text, one for the background.
- 2
Read the ratio
Higher is better contrast.
- 3
Check WCAG levels
See which accessibility levels it passes.