Skip to main content
RK DevTools

Contrast Checker

Determine WCAG color contrast standards for readability and accessibility guidelines.

WCAG 2.1 Results

Normal Text (AA)
PASS
Large Text (AA)
PASS
Normal Text (AAA)
FAIL
Large Text (AAA)
PASS
Contrast Ratio4.50:1Minimum 4.5:1 is required for normal text (AA).

Normal Text (16px / 1rem)
This is how your selected color combination renders for standard paragraph copy. Check the contrast badges to verify accessibility scores.

Large Text (24px / 1.5rem)

Frequently Asked Questions

Is this contrast checker free to use?

Yes, it's completely free with no login or usage limits.

Does it work offline?

Yes. Contrast ratios are calculated locally in your browser using the WCAG relative luminance formula — no data is sent to a server.

What WCAG standards does it check against?

It checks your foreground/background pair against WCAG 2.1 AA and AAA thresholds for both normal text (4.5:1 / 7:1) and large text (3:1 / 4.5:1), showing a pass or fail badge for each.

How do I pick colors to compare?

Use the color pickers or type HEX values directly for text and background color. You can also swap the two colors or reset to a high-contrast black-on-white pair with one click.