WCAG Contrast Checker
Check the contrast ratio between two colors against WCAG 2.2 thresholds. Accepts hex, rgb, or hsl in either field.
This checks one specific, measurable requirement — text/background contrast (WCAG 1.4.3). It is not a full accessibility audit: things like font size, keyboard navigation, and screen-reader support all matter too and aren't covered here.
Checked locally. Your colors never leave your browser.
Common questions
What's the actual difference between AA and AAA?
AA is the standard most sites target: 4.5:1 for normal text and 3:1 for large text. AAA is the stricter, enhanced level: 7:1 for normal text and 4.5:1 for large text. Both are checked and shown at once so you can see which levels your color pair actually clears.
What counts as "large text" for the lower 3:1 / 4.5:1 thresholds?
Per the WCAG definition: at least 18pt (24px) regular weight, or at least 14pt (18.66px) bold. Text smaller than that is checked against the normal-text thresholds instead.
Does it matter which color I put in Foreground vs Background?
No — the contrast ratio formula only cares about the two colors' relative luminance, not which field they're typed into, so swapping the two values gives the exact same ratio. What matters for your actual design is which one you use as the text color and which as the background.