WCAG Color Contrast Checker
Check an opaque sRGB foreground and background against WCAG 2.2 text, large-text, and non-text contrast thresholds locally.
#RGB / #RRGGBB
#RGB / #RRGGBB
Pass or fail uses the unrounded ratio; the displayed value has three decimal places. Only two opaque solid sRGB colors are evaluated.
18.883:1
- Normal text — AA✓ Pass
- Normal text — AAA✓ Pass
- Large text — AA✓ Pass
- Large text — AAA✓ Pass
- User interface and graphics — AA✓ Pass
How to use this tool
Enter two solid sRGB hex colors, inspect the unrounded WCAG ratio and five explicit pass or fail results, then copy the summary into your review.
When not to use it
A passing pair does not prove that a whole page is accessible; verify actual font size, weight, states, adjacent colors, images, and gradients in context.
Read the guide →