How to use Color Contrast Checker
- Choose opaque text and background colors.
- Enter the text size and select bold if applicable.
- Check the ratio and AA and AAA results.
What this tool does
Only opaque six-digit sRGB colors are supported. Threshold decisions use the unrounded ratio. Large text means at least 24 CSS pixels, or approximately 18.67 pixels when bold. Passing does not certify an entire page.
Example
Black #000000 on white #ffffff has a 21:1 contrast ratio.
Frequently asked questions
What counts as large text?
At least 24 CSS pixels, or approximately 18.67 pixels when bold, for the thresholds used here.
Why can a displayed 4.50 ratio fail?
The displayed ratio is rounded, while the result uses the unrounded value.
Privacy
Your input is processed in your browser. This version does not send document content to a conversion server and includes no advertising or analytics scripts. Loading the website requires a network connection.
Operator: Francescco Pernice Botta. Contact: klabindustries.hq@gmail.com.
Terms
Use this tool only with content you are allowed to process. Check the result before relying on it.
Contact
Operator: Francescco Pernice Botta. Contact: klabindustries.hq@gmail.com.