Image Utilities
WCAG Color Contrast Checker
Measure the contrast ratio of two hex colors against WCAG AA and AAA text thresholds.
The quick brown fox jumps over the lazy dog
Sample text preview at standard reading scale.
18.88:1
AA normal text (4.5:1)
AA large text (3:1)
AAA normal text (7:1)
AAA large text (4.5:1)
How to use Contrast Checker
- Enter foreground and background hex colors.
- Read the contrast ratio.
- Check AA and AAA results for normal and large text.
A practical example
#111111 on #ffffff is 18.19:1 and passes AAA for normal text.
What to check before using the result
WCAG 2.x contrast is for solid text on a solid background. Gradients, images, disabled controls, and non-text contrast use different rules.
Local processing
Inputs are processed in this tab. The site and some engines still load network assets.
Inspect before sharing
Review the output and keep the original file. Large files may take longer to process.
No account needed
No account, API keys, or watermarks required.