Compare · Color Contrast (WCAG) Calculator
Two independent scenarios side by side.
Scenario A
WCAG contrast
The quick brown fox
Sample text preview
Contrast ratio
14.68:1
WCAG compliance
- AA normal (4.5:1)Pass
- AAA normal (7:1)Pass
- AA large (3:1)Pass
- AAA large (4.5:1)Pass
Scenario B
WCAG contrast
The quick brown fox
Sample text preview
Contrast ratio
14.68:1
WCAG compliance
- AA normal (4.5:1)Pass
- AAA normal (7:1)Pass
- AA large (3:1)Pass
- AAA large (4.5:1)Pass