WCAG Contrast Checker — AmberDevTools

Check color contrast ratios for WCAG AA and AAA compliance.

How to use:

Pick foreground and background colors
See contrast ratio calculated automatically
WCAG AA needs 4.5:1 (3:1 for large text)
WCAG AAA needs 7:1 (4.5:1 for large text)

Foreground (Text):

Background:

Small text — Lorem ipsum dolor sit amet

Large Text — Sample Heading

✓ Ready