Color Checker
Check the contrast ratio between two colors and see WCAG compliance levels.
Enter a foreground and background color to see the contrast ratio and WCAG 2.1 compliance result in real time.
The quick brown fox jumps over the lazy dog
Normal body text at default size. This is what most of your content will look like to your readers.
Contrast Ratio
NormalAAA
LargeAAA
14.63:1
Based on WCAG 2.1 SC 1.4.3. Normal text: 4.5:1 (AA), 7:1 (AAA). Large text (18pt+): 3:1 (AA), 4.5:1 (AAA).