Free Accessibility Tool
Color Contrast Checker
Check foreground and background color combinations against WCAG 2.1 AA and AAA accessibility standards. Instantly see if your text is readable for all users.
Excellent contrast. Passes all WCAG 2.1 levels including the strictest AAA standard.AAA Pass
Lum: 0.010
Lum: 1.000
17.40Contrast ratio
AAA PassWCAG level
PassAA normal text
PassAAA normal text
Live PreviewContrast ratio: 17.40:1
The quick brown fox jumps over the lazy dog.
Smaller body text also appears here for reference.
Heading Preview
Button (inverted)
Button (outlined)
WCAG 2.1 ChecklistRequired ratio shown per level
| Level | Context | Required | Status | |
|---|---|---|---|---|
| ✓ | WCAG AA | Normal text (< 18pt) | 4.5:1 | Pass |
| ✓ | WCAG AA | Large text (>= 18pt / 14pt bold) | 3.0:1 | Pass |
| ✓ | WCAG AA | UI components and graphics | 3.0:1 | Pass |
| ✓ | WCAG AAA | Normal text (< 18pt) | 7.0:1 | Pass |
| ✓ | WCAG AAA | Large text (>= 18pt / 14pt bold) | 4.5:1 | Pass |
| ✓ | Your text | Preview text at 16px | 4.5:1 (normal) | Pass |
Quick PresetsClick any preset to apply it
WCAG contrast ratio quick reference
7.0:1+ - AAA pass for all text sizes
4.5:1+ - AA pass for normal body text
3.0:1+ - AA pass for large text only (18pt+)
Below 3.0:1 - Fails all WCAG levels
Large text - 18pt+ regular or 14pt+ bold
UI components - Need 3.0:1 minimum contrast
