Contrast ratio
2.21
Normal text
AA - 4.5:1
AAA - 7:1
Large text
AA - 3:1
AAA - 4:5:1
The essential color contrast checker
Ensure your website is accessible and user-friendly for everyone by creating beautiful and WCAG compliant designs. This vital tool helps you quickly analyze if your text and background color combinations provide enough contrast for optimal readability.
How does it work?
Simply use the color pickers or paste in your Hex color values for your text and background. The tool instantly calculates the contrast ratio and provides a clear Pass or Fail score for both WCAG AA and AAA standards. Make adjustments on the fly and design with accessibility in mind from the start.
Based on the Contrast (Enhanced) and Contrast (Minimum) guides from the WCAG
PWA prompt