Tools / Color Contrast Checker
Color Contrast Checker
Check text and background colors against WCAG 2.x. See the contrast ratio, pass or fail for each level, and a nearby color that clears AA when the pair falls short.
Contrast ratio
4.54:1
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
- Normal text AA4.5:1Pass
- Normal text AAA7.0:1Fail
- Large text AA3.0:1Pass
- Large text AAA4.5:1Pass
Large text means 24px and up, or 18.66px and up when bold. Everything smaller has to clear the normal-text bar.
Frequently asked questions
Which contrast formula do you use?
The WCAG 2.x formula: each sRGB channel is linearized, weighted into a relative luminance value, and the two luminances become a ratio between 1:1 and 21:1.
What counts as large text?
24px and up, or 18.66px and up when bold. Large text passes AA at 3:1 and AAA at 4.5:1, while normal text needs 4.5:1 for AA and 7:1 for AAA.
Which color formats can I paste in?
Hex (#abc or #aabbcc), rgb() and hsl(). The color swatch next to each field opens your system color picker.
How is the suggested color chosen?
It keeps the hue and saturation of your text color and moves only the lightness, in both directions, until the pair clears 4.5:1. That way the suggestion still reads as the same color.
Is anything sent to a server?
No. The math runs in your browser and no color values leave the page.
Let's build something you're proud of
I help businesses launch, optimize and maintain their online presence, from code to SEO.
Let's talkRelated tools
Cron Expression Explainer
Free cron expression explainer. Translate a five-field crontab line into plain English and preview the next scheduled runs in your browser.
Regex Tester
Free online regular expression tester. Try JavaScript regex patterns with flags, see match indexes and groups, and preview replacements in your browser.
Text Diff
Free online text diff and compare tool. Compare two texts line by line with added, removed and unchanged highlighting. Runs in your browser with no upload.
Duplicate Detector
Free online duplicate line finder. Detect repeated lines, remove duplicates, or count frequencies in lists and logs. Runs in your browser with no upload.
Image Resizer and Compressor
Free online image resizer and compressor. Resize photos, convert to WebP or JPEG and shrink file size in your browser, with no upload.
robots.txt Generator
Free robots.txt generator. Build user-agent groups with allow and disallow rules, add a sitemap, block AI crawlers and copy the file.