WCAG Contrast Checker
Check the contrast ratio between two colors according to WCAG 2.1 standards. AA and AAA recommendations for normal and large text.
Contrast ratio
13.98:1
Large text (24px bold)
Large text (18.66px bold)
Normal text (16px) — Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Small text (14px) — Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
WCAG 2.1 Results
| Level | Type | Minimum ratio | Result |
|---|---|---|---|
| AA | Normal text | 4.5:1 | Pass |
| AA | Large text | 3:1 | Pass |
| AAA | Normal text | 7:1 | Pass |
| AAA | Large text | 4.5:1 | Pass |
How does the calculation work?
The contrast ratio is calculated using the WCAG 2.1 formula: (L1 + 0.05) / (L2 + 0.05), where L1 and L2 are the relative luminances of the two colors. Relative luminance uses linearized sRGB components with coefficients 0.2126 (red), 0.7152 (green) and 0.0722 (blue). "Large" text is 18pt normal or 14pt bold.