Enter a text color and a background color to see their contrast ratio and whether the pair passes WCAG AA and AAA. The check uses the official relative-luminance formula, so the result matches what accessibility audits and browser devtools report.
🔒 Your file is processed locally in your browser whenever supported. This tool runs entirely on your device — nothing you type or upload is sent to a server, logged, or stored.
WCAG AA requires 4.5:1 for normal text and 3:1 for large text. AAA requires 7:1 for normal text and 4.5:1 for large text. These are minimums for body copy, not targets to stop at.
Roughly 18pt (24px) regular or 14pt (about 18.66px) bold and larger. The tool reports both thresholds so you can see which one applies to your design.
This checker measures text against its background. Non-text elements such as icons, form borders and focus rings have separate WCAG requirements (3:1 against adjacent colors) and should be checked in context.
No. The ratio is computed locally from the two HEX values you enter.
| Platform | Supported | Offline | Local | Server | Network |
|---|---|---|---|---|---|
| WEB | Yes | Yes | Yes | No | Not required |
| PWA | Yes | Yes | Yes | No | Not required |
| ANDROID | Yes | Yes | Yes | No | Not required |
| IOS | Yes | Yes | Yes | No | Not required |
Convert between HEX, RGB and HSL color formats.
Pick any color and get its HEX, RGB and HSL codes plus tints, shades and its complement.
Generate harmonious color palettes — complementary, analogous, triadic or surprise me.
Score a page's on-page SEO from its HTML — title, headings, images and social tags.
Advertisement