Check Button and Link Color Contrast Online
Verify that label text on a button passes the 4.5:1 AA ratio and that component edges meet the 3:1 minimum for UI elements under WCAG 2.1.
Color Contrast Checker
Check WCAG color contrast ratios for accessibility compliance
Contrast Ratio
14.63:1
Excellent
5 of 5 WCAG criteria passed
Heading Text (28px Bold)
Large text - 20px semi-bold. This meets the WCAG "large text" definition and only needs 3:1 contrast.
Normal body text at 16px. This is the most common text size and requires 4.5:1 contrast for WCAG AA compliance. Make sure your content is readable at this size.
Small text at 13px - captions, footnotes, and fine print. Harder to read, so good contrast matters even more here.
WCAG 2.1 Compliance
AA Normal Text
Pass - requires 4.5:1
Body text under 18pt (or under 14pt bold)
AA Large Text
Pass - requires 3:1
Text 18pt+ or 14pt+ bold
AAA Normal Text
Pass - requires 7:1
Enhanced contrast for body text
AAA Large Text
Pass - requires 4.5:1
Enhanced contrast for large text
AA UI Components
Pass - requires 3:1
Icons, borders, form controls
Quick Reference
Quick Start
- 1Enter the button text color in hex
- 2Enter the button background color
- 3Read the contrast ratio and AA/AAA result
- 4Adjust the colors until the combination passes
More Check Tools
All checkers →Check MX Records for a Domain
Check the MX records for any domain and verify email delivery configuration. Free MX record lookup with mail server priorities, no signup.
Check SPF and DKIM TXT Records
Look up SPF and DKIM TXT records for any domain to verify email authentication. Free TXT record checker with full record values, no signup.
Check SSL Certificate Expiry Date
Check when an SSL certificate expires and see the days remaining for any domain. Free SSL expiry checker with issuer and validity details.
Check a Web Page for Broken Links and 404s
Scan a web page for broken links and 404 errors across internal and external links. Free broken link checker for SEO, no signup.
Check a URL Redirect Chain and 301 Hops
Trace the full redirect chain for any URL and check 301, 302, 307, and 308 hops. Free redirect checker that detects loops and extra hops.
Check Security Headers - CSP, HSTS and More
Audit a site's HTTP security headers including CSP, HSTS, and X-Frame-Options. Free security headers checker with a header score, no signup.
Looking for FAQs and advanced options? Visit the full Color Contrast Checker page →