Check WCAG color contrast ratio between foreground and background colors.
Last updated: September 202632px Bold Heading
24px Bold Heading
16px body text — this is what most content looks like on the web.
12px small text — captions, footnotes, and fine print at this size.
WCAG Contrast Ratio
3.68:1
APCA Contrast Score (Lc)
-0.66
AA - Large Text
Min 3:1
AA - Small Text
Min 4.5:1
AAA - Large Text
Min 4.5:1
AAA - Small Text
Min 7:1
WCAG Contrast Checker is a free browser-based tool that lets you test foreground and background color combinations against WCAG 2.1 accessibility standards for contrast ratio compliance. It processes everything locally in your browser using JavaScript, so your data never leaves your device. No sign-up, no installation, and no server uploads required — just open the tool and start using it immediately.
This tool is particularly useful when ensuring your website meets accessibility requirements, passing WCAG AA and AAA contrast standards. Since it runs entirely in your browser, it works offline after the page loads and keeps your data completely private. Whether you are a developer, designer, student, or professional, this accessibility tool saves time and eliminates the need for desktop software installation.
Weekly tips, new tools, and productivity hacks. No spam.