Pick a foreground and background color to check the WCAG contrast ratio and accessibility compliance.
Ratio
—
AA
—
AA (large)
—
AAA
—
AAA (large)
—
Fill in the form fields the tool shows.
Change modes or toggles if available.
Copy the generated output when it looks right (often updates live).
WCAG guidelines require a minimum contrast ratio between text and background so content stays readable for people with low vision. This tool calculates the exact ratio and checks it against AA and AAA thresholds for both normal and large text.
Complete the fields in Contrast Checker. Output is produced in your browser from those inputs — copy it when ready.
Empty optional fields if you want a minimal result. Invalid combinations should surface an error message.
Whenever possible, Contrast Checker processes your data locally with JavaScript in this page. That means drafts, secrets, and unfinished work stay on your device by default. Prefer this workflow when you do not want to upload sensitive text, tokens, passwords, or files to a third-party service.
At least 4.5:1 for normal text and 3:1 for large text (18pt bold or 24pt regular and above).
AAA requires at least 7:1 for normal text and 4.5:1 for large text — a stricter standard for enhanced accessibility.
For most FlyUtils tools, no. Processing happens in your browser with JavaScript. If a tool ever needs a server, that will be stated clearly on the page.
Yes. Contrast Checker is free, with no sign-up and no artificial usage caps for normal personal and work use.
Yes. The page is mobile-first, so you can paste input, tweak options, and copy results from a phone or tablet.