Start a Project

Get in touch

growth@methodicalstudio.com
Accessibilityclient

WCAG Contrast Checker

Check color contrast against WCAG 2.1 AA/AAA and APCA Lc, with suggested fixes when a pair fails.

WCAG 2.1 contrast ratio

18.97:1

APCA Lc value

102.9

WCAG 2.1 (ratio)

  • WCAG 2.1 AA · normal text

    Need ≥ 4.5:1 · got 18.97:1

  • WCAG 2.1 AA · large text

    Need ≥ 3.0:1 · got 18.97:1

  • WCAG 2.1 AAA · normal text

    Need ≥ 7.0:1 · got 18.97:1

  • WCAG 2.1 AAA · large text

    Need ≥ 4.5:1 · got 18.97:1

APCA Lc

  • Body text (16px)

    Need |Lc| ≥ 75 · got 102.9

  • Sub-headings (18–24px)

    Need |Lc| ≥ 60 · got 102.9

  • Headlines (24px+)

    Need |Lc| ≥ 45 · got 102.9

  • Non-text (icons, borders)

    Need |Lc| ≥ 30 · got 102.9

12px small print, caption.

16px body. The quick brown fox jumps over the lazy dog.

24px headline. Accessible by default.

Preview uses your colors directly so you can eyeball real text and UI weights.

Need a hand?

These tools surface the problems. We ship the fix.

Methodical provides accessibility remediation, performance optimization, technical SEO, and full-stack development for modern digital products.

Start a ProjectSee Services