Contrast Checker
Check WCAG AA & AAA color contrast ratios for accessible design.
Contrast Ratio
—
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog. Pack my box with five dozen liquor jugs.
Small text sample: 0123456789 ABCDEFGHIJ abcdefghij
About WCAG Contrast
- WCAG AA Normal Text requires a minimum contrast ratio of 4.5:1.
- WCAG AA Large Text (≥18pt or 14pt bold) only requires 3:1.
- WCAG AAA Normal Text demands the stricter 7:1 ratio for enhanced accessibility.
- WCAG AAA Large Text requires at least 4.5:1.
- Contrast ratio is calculated from the relative luminance of each color per WCAG 2.1 guidelines.
- Aim for AA compliance at minimum — AAA is recommended for body text and critical UI elements.