Color Contrast Checker
Compare two HEX colors and check WCAG AA and AAA text contrast thresholds.
Text should stay readable against its background.
: 1
| AA normal text | Pass |
|---|---|
| AA large text | Pass |
| AAA normal text | Pass |
| AAA large text | Pass |
Uses WCAG 2.2 contrast thresholds without rounding the pass/fail comparison. Large text is at least 24px, or about 18.7px bold. This checks color contrast only. W3C
How to use
Enter foreground and background HEX colors.
Read the unrounded-ratio pass or fail results.
Check the preview and compare normal and large-text requirements.
FAQ
How do I use this tool?
Enter foreground and background HEX colors. Read the unrounded-ratio pass or fail results. Check the preview and compare normal and large-text requirements.
What ratios are checked?
WCAG AA requires 4.5:1 for normal text and 3:1 for large text. AAA requires 7:1 for normal text and 4.5:1 for large text.
Does this prove a page is accessible?
No. It compares two opaque sRGB colors only. Font size, weight, focus states, images and other accessibility requirements need separate review.
Are my inputs uploaded?
Tool inputs are processed in your browser. Advertising makes separate requests as described in the privacy policy.