BetterWebHub

Tools

Utilities we reach for in audits, plus a quick WCAG contrast check you can run without leaving the site. Explore our performance, accessibility, green web, security, and SEO hubs for deeper reading.

WCAG contrast checker

Enter two sRGB hex colors. We use the same relative luminance formula as WCAG 2.x (normal text: 4.5:1 AA, 3:1 for large text; 7:1 / 4.5:1 for AAA).

17.85 : 1

AA — normal text (4.5:1) Pass
AA — large text (3:1) Pass
AAA — normal text (7:1) Pass
AAA — large text (4.5:1) Pass

Sample heading

Preview how body copy might look with this pair. Adjust colors above.

Performance

Accessibility

Green web

Security

SEO & structured data