Color Contrast Checker

Check if your foreground and background colors meet WCAG 2.1 accessibility standards. Real-time results for AA and AAA compliance.

Contrast Ratio

17.06:1

✓ Pass

AA — Normal Text

✓ Pass

AA — Large Text (18pt+)

✓ Pass

AAA — Normal Text

✓ Pass

AAA — Large Text (18pt+)

Preview

Large Heading Sample

This is how your body text looks against the chosen background. Good contrast ensures readability for all users, including those with visual impairments.

Pro tip: WCAG AA requires 4.5:1 for normal text, 3:1 for large text. AAA requires 7:1 and 4.5:1 respectively.