WCAG Color Contrast Checker

Pick foreground and background colors, instantly see the contrast ratio and WCAG AA/AAA pass/fail results. Get suggested accessible color alternatives when your combination fails.

Colors
Large Text (18px bold)
Normal body text at 16px regular weight
Small caption text at 12px for fine print and labels
-
Contrast Ratio
AA Normal Text
-
≥ 4.5:1
AA Large Text
-
≥ 3:1
AA UI Components
-
≥ 3:1
AAA Normal Text
-
≥ 7:1
AAA Large Text
-
≥ 4.5:1

Need something more powerful?

Let us build it for you. Custom APIs, dashboards, automations — whatever you need.

Start a Project →
Open source

QTool.io on GitHub

269 free tools. No signup. Open source. Built by Christian Bucher.

GitHub Browse 269 Free Tools →

Related Tools

CSS Box Shadow Generator · Free Accessibility Checker · Free Color Palette Generator

Related Tools

Free Color Palette Generator · Emoji Picker & Search · Free Advanced Color Picker