Contrast lab
Check any text and background pair against the WCAG contrast thresholds. It starts with a grey price on white, a failure we see on a lot of storefronts.
Enter a hex color such as #15103F.
Enter a hex color such as #FFFFFF.
Contrast ratio
1.00:1
Canvas weekender
$84.00, free returns within 30 days
What the thresholds mean
WCAG level AA asks for 4.5:1 on body text and 3:1 on large text, which is 24px or larger, or 18.66px and bold. Buttons, field borders and icons need 3:1 against what surrounds them. Level AAA raises text to 7:1.
A color pair is one check out of many. A full review also covers keyboard access, focus, form labels and page structure.