Contrast checker

Validate a foreground / background colour pair against WCAG 2.2 AA and AAA. Pure client-side; nothing leaves the browser.

Large sample text — 24 px / 18 pt bold

Normal body sample — verify the ratio holds at every size your interface ships.

Contrast ratio —
  • AA · normal text ≥ 4.5
  • AA · large text ≥ 3.0
  • AAA · normal text ≥ 7.0
  • AAA · large text ≥ 4.5
  • Non-text (UI components) ≥ 3.0