Color Contrast Checker

Check WCAG contrast ratios for text and UI.

a11ycolorwcag

Category: Image & Graphics Tools

Foreground color

Background color

Preview

Sample Text

Sample Text

Sample Text

Sample Text

21.00 : 1

Contrast ratio

  • WCAG AA Normal text (≥4.5)Pass
  • WCAG AA Large text (≥3.0)Pass
  • WCAG AAA Normal (≥7.0)Pass
  • WCAG AAA Large (≥4.5)Pass

Tips

Quick guidance for using our tools safely and effectively.

Privacy

Files are processed on the server for conversion only and are not used for training or shared with third parties.

Best results

Use the formats suggested in each tool. Large media files may take longer — keep the tab open until processing finishes.

Need something else?

Browse related tools below or explore other categories from the main Dev Tools hub.