Large text sample
Normal-sized text in a full sentence, so you can see in practice how readable this color pair is.
1.00 : 1
WCAG contrast ratio
Invalid color — use a 3- or 6-digit hex code (e.g. #333 or #333333).
AA — Normal textMinimum 4.5 : 1
AA — Large textMinimum 3 : 1
AAA — Normal textMinimum 7 : 1
AAA — Large textMinimum 4.5 : 1
01
Pick colors
Color picker or exact hex code for both colors.
02
Live preview
See instantly how the text looks on the background.
03
WCAG result
Contrast ratio + AA/AAA compliance at a glance.