Color Contrast Checker

Check if your color combinations meet WCAG accessibility standards. Test for AA and AAA compliance.

Runs in your browser · WCAG 2.1 compliant
Sample Text
Sample Text
Colors
Results
Contrast Ratio: 21:1
AA Large: ✓
AA Normal: ✓
AAA: ✓

How It Works

  1. Select foreground and background colors.
  2. View the contrast ratio and WCAG compliance.
  3. Adjust colors until you pass accessibility standards.

Key Benefits

  • Check WCAG color contrast compliance.
  • Pass/fail indicators for AA and AAA levels.
  • Free, no signup required.