Passed Example 1
Open in a new tab
This dark gray text has a contrast ratio of 12.6:1 on the white background.
Some text in a human language
Passed Example 5
Open in a new tab
This 18pt large black text has a contrast ratio of 4.6:1 on the gray background (passes AAA large text).
Some text in a human language
Passed Example 6
Open in a new tab
This 14pt bold black text has a contrast ratio of 4.6:1 on the gray background (passes AAA large text).
Some text in English
Passed Example 8
Open in a new tab
This text has the default browser text color on the default browser background color. By default this is black text on a white background, which has a contrast ratio of 21:1.
Some text in a human language
Failed Example 1
Open in a new tab
This gray text has a contrast ratio of 4.54:1 on the white background (passes AA but fails AAA).
Some text in English
Failed Example 2
Open in a new tab
This light gray text has a contrast ratio of 5.7:1 on the white background.
Some text in English
Failed Example 3
Open in a new tab
This 18pt large black text has a contrast ratio of 3.6:1 on the gray background.
Some text in a human language
Failed Example 4
Open in a new tab
This light gray text has a contrast ratio of 2.3:1 on the white background.
Some text in English
Failed Example 5
Open in a new tab
This 14pt bold black text has a contrast ratio of 3.6:1 on the gray background.
Some text in English
Failed Example 7
Open in a new tab
This black text with 60% alpha channel has a contrast ratio of 5.7:1 on the white background.
Some text in English
Failed Example 8
Open in a new tab
This black text with 60% opacity has a contrast ratio of 5.7:1 on the white background.