Contrast Checker
Check WCAG 2.1 color contrast ratios for accessible design.
All processing happens in your browser
Large Text Preview
Normal body text looks like this on your chosen background.
Contrast Ratio
17.06:1
AA Normal4.5:1 · Body text
Pass
AA Large3:1 · 18px+ or 14px+ bold
Pass
AAA Normal7:1 · Enhanced body text
Pass
AAA Large4.5:1 · Enhanced large text
Pass