About this tool
Check the contrast ratio between text and background colors.
Pick two HEX colors. The page shows a sample block and the WCAG-style ratio with rough AA and AAA hints for normal text. Large text can pass at a lower ratio.
This is a screen math check, not a lab measurement. Patterns behind text can still fail even when the solid swatch passes.
Read the privacy line on this page before you use the result in public.
Quick steps
- Check the contrast ratio between text and background colors.
- Pick two HEX colors. The page shows a sample block and the WCAG-style ratio with rough AA and AAA hints for normal text. Large text can pass at a lower ratio.
- This is a screen math check, not a lab measurement. Patterns behind text can still fail even when the solid swatch passes.
This is a screen math check, not a lab measurement. Patterns behind text can still fail even when the solid swatch passes.
FAQ
Check the contrast ratio between text and background colors.
Pick two HEX colors. The page shows a sample block and the WCAG-style ratio with rough AA and AAA hints for normal text. Large text can pass at a lower ratio.
This is a screen math check, not a lab measurement. Patterns behind text can still fail even when the solid swatch passes.
Read the privacy line on this page before you use the result in public.