All / Developer

Contrast Checker

Local: never uploadedRuns in your browser. Files never upload.

Check the contrast ratio of two hex colors against WCAG AA for body text.

AA for body text is 4.5:1. Large text can pass at 3:1; this page reports the body-text bar.

  1. 1Enter foreground and background hex.
  2. 2Read the ratio.
  3. 3Adjust until it passes.
Contrast
18.42:1

Passes WCAG AA for body text.

Sample sentence for this pair.
Rate this tool

About this tool

Contrast Checker is a free developer tool on Tools On Tab. Check the contrast ratio of two hex colors against WCAG AA for body text. Compare two hex colors and show the contrast ratio against the WCAG AA bar of 4.5 to 1 for body text. Contrast Checker is built for a single job you can finish without creating an account. AA for body text is 4.5:1. Large text can pass at 3:1; this page reports the body-text bar. How to use Contrast Checker. Step 1: Enter foreground and background hex. Step 2: Read the ratio. Step 3: Adjust until it passes. The page updates as soon as the work finishes, and the download stays on this device. This tool runs in your browser. The file you drop is read in this tab, turned into a result, and offered as a download on this device. Closing the tab drops the working copy. Tools On Tab does not keep a copy of the file on a server for later. When to use Contrast Checker: use it when you need a quick, private pass at this job and you do not want to send the file to a conversion site. Keep a copy of the original. Compare the result before you send it on. What this page does not do: it is not a desktop suite, a government filing desk, or a hosted document locker. AA for body text is 4.5:1. Large text can pass at 3:1; this page reports the body-text bar. If the file uses a feature this browser build cannot read, the page shows an error and does not pretend the job succeeded. Related work on Tools On Tab sits in the same category and in the related list under this article. Open those pages when you need a second pass, such as shrinking a file after a conversion or checking a hash after a download. Searchers often look for a free in-browser contrast checker that does not ask for an email. This page is that tool: the form is on this URL, the steps are listed above, and the questions below match the FAQ markup search engines read. Privacy note, again, because the footer and the FAQ have to say the same thing: local tools never upload the file. A download is a blob your browser saves. Network tools name the request they make. Closing the tab drops the working copy. Limits worth reading before you start: AA for body text is 4.5:1. Large text can pass at 3:1; this page reports the body-text bar. If a result looks wrong, keep the original and try a second pass with a related tool from the list under this article. This page is meant to be used, not only indexed. The form is in the HTML, the related links are real /tools/ paths, and the questions below stay in sync with the FAQ schema on the same URL.

Questions

What is AA?
A common contrast bar for readable text on the web.
Does it use the network?
No.
Share a pair?
The fields sync to the query string so you can copy the link.
P3 colors?
This page uses sRGB hex.

Related tools