Loading...

WCAG 2.1 Color Contrast Ratio Checker (AA & AAA)

Ensure your website colors comply with WCAG 2.1 Level AA (4.5:1 ratio) and Level AAA (7:1 ratio) for accessibility and legal compliance.

Key Technical Capabilities

  • Live Contrast RatioCalculates exact numerical contrast ratio (e.g. 14.2:1).
  • Compliance BadgesClear Pass/Fail badges for normal text, large text, and UI components.

How to Check Color Contrast

  1. Pick Text ColorSelect foreground color.
  2. Pick Background ColorSelect background color.
  3. Inspect ScoreVerify WCAG AA and AAA pass status.

Frequently Asked Questions

What is the minimum ratio for normal text?
WCAG AA requires a minimum ratio of 4.5:1 for standard body text.