Color Contrast Checker - WCAG Accessibility
Test foreground and background color combinations for WCAG 2.1 accessibility compliance. Check AA and AAA contrast ratios in real time.
Press Ctrl+D (or ⌘D on Mac) to bookmark this page.
Sample Text - Large (Bold)
Sample text - Normal size. This is how your color combination looks.
Small text example for detailed reading.
Common Combinations
Contrast Ratio
AA Normal
≥ 4.5:1
AA Large
≥ 3.0:1
AAA Normal
≥ 7.0:1
AAA Large
≥ 4.5:1
WCAG 2.1 Contrast Standards
| Level | Text Type | Minimum Ratio |
|---|---|---|
| AA (Minimum) | Normal text (under 18pt / 14pt bold) | 4.5:1 |
| AA (Minimum) | Large text (18pt+ / 14pt+ bold) | 3.0:1 |
| AAA (Enhanced) | Normal text | 7.0:1 |
| AAA (Enhanced) | Large text | 4.5:1 |
WCAG AA is the legal standard in many jurisdictions. WCAG AAA is the recommended best practice for maximum accessibility.