Install the extension to scan pages that require login.
Color contrast checker (AA/AAA).
Check foreground and background color contrast ratios against WCAG 2.1 accessibility guidelines. Test combinations for AA and AAA standards to help ensure readable, accessible design.
Contrast ratio9.03:1
| Category | AA | AAA |
|---|---|---|
| Large text | Pass | Pass |
| Small text | Pass | Pass |
| Graphics and UI | Pass | N/A |
Live preview
Readable design starts with contrast.
Use this preview to see whether body text, headings, and interface labels remain comfortable to read.
Accessible suggestions
These suggestions use the same foreground and background values as the checker. Pick one to update the entire tool.
WCAG contrast reminder
WCAG AA generally requires 4.5:1 for normal text and 3:1 for large text and meaningful UI graphics. AAA raises normal text to 7:1 and large text to 4.5:1.