Color contrast

Check WCAG contrast ratio between foreground and background colors

Browser local processingInputs and files are not uploaded to our serverProcess credentials

Foreground ColorBackground color

Aa Text PreviewBody text compared with large text

Contrast15.7:1

Body AAPass

Body AAAPass

Large AAPass

Instructions

Check text color visibility

Verify readability when designing button, body text, and brand color combinations.

1Choose text and background colors

2View contrast score

3Adjust to valid combination

After completionGet more readable color combinations.Select two colors first

Did this tool solve your problem?Tell us after completing the action, your feedback helps improve tools.