WCAG Contrast Checker
Enter a foreground and background color and see the contrast ratio plus pass/fail against WCAG 2.1 AA and AAA thresholds.
Foreground
Background
The quick brown fox jumps over the lazy dog.
Sample heading
Smaller body text shown at the default size for comparison.
Contrast ratio
16.23 : 1
- AA Normal≥ 4.5
- AA Large≥ 3
- AAA Normal≥ 7
- AAA Large≥ 4.5
- UI components≥ 3
Pure browser math. Color conversion and contrast checks run locally. No values are sent over the network.