Contrast Checker (WCAG)
Check WCAG 2.1 contrast compliance between any two colors. See AA and AAA ratings for normal and large text with live preview.
About Contrast Checker (WCAG)
Guten Contrast Checker is a free browser-based WCAG 2.1 contrast compliance tool. Enter any two colors to see AA and AAA ratings for both normal and large text. When colors fail, the tool suggests the closest accessible alternatives by adjusting lightness. No signup required.
Key Features
- -WCAG 2.1 AA and AAA contrast ratio checking
- -Live preview of text on background color
- -Automatic accessible color suggestions
- -Supports HEX, RGB, and HSL color input
- -No signup or data collection
Common Use Cases
- -Ensuring website accessibility compliance
- -Choosing readable text and background color pairs
- -Auditing existing designs for WCAG violations
- -Building accessible design systems
- -Meeting legal accessibility requirements
Contrast Checker (WCAG) is a free tool by Guten. Available at guten.io/tools/contrast-checker. No signup required.
Frequently Asked Questions
›What WCAG contrast ratios are required?
WCAG AA requires 4.5:1 for normal text and 3:1 for large text. AAA requires 7:1 for normal text and 4.5:1 for large text.
›What counts as large text?
Large text is 18pt (24px) or 14pt (18.66px) bold. These sizes have a lower contrast requirement because they're easier to read.
›Does this suggest accessible alternatives?
Yes. When your colors fail contrast requirements, the tool suggests the closest accessible alternatives by adjusting lightness.