Color Contrast Checker
Check if your color combinations meet WCAG 2.1 contrast ratio requirements
Large Text Preview (24px bold)
Regular text preview (16px). This is how your text will look to users.
Small text preview (14px). Make sure it remains readable.
Contrast Ratio
8.72:1
| Standard | Regular Text | Large Text |
|---|---|---|
| WCAG AA (4.5:1 / 3:1) | PASS | PASS |
| WCAG AAA (7:1 / 4.5:1) | PASS | PASS |
Understanding WCAG Color Contrast Requirements
The Web Content Accessibility Guidelines (WCAG) define minimum contrast ratios to ensure text is readable by people with visual impairments, including color blindness and low vision.
WCAG 2.1 Level AA Requirements
- Regular text (under 18pt or 14pt bold): Minimum contrast ratio of 4.5:1
- Large text (18pt+ or 14pt+ bold): Minimum contrast ratio of 3:1
WCAG 2.1 Level AAA Requirements
- Regular text: Minimum contrast ratio of 7:1
- Large text: Minimum contrast ratio of 4.5:1
Most accessibility laws, including the European Accessibility Act and ADA Title II, require WCAG 2.1 Level AA compliance as a minimum. Use this tool to verify your color combinations before deploying your website.