Check WCAG Color Contrast Ratio Online
Ensure your color combinations are accessible to all users. Test foreground and background colors against WCAG AA (4.5:1) and AAA (7:1) contrast ratio requirements.
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 text (foreground) color
- 2Enter the background color
- 3View the contrast ratio and pass/fail results
- 4Adjust colors to meet WCAG standards
More Check Tools
All checkers →Find Font Pairings Online
Discover beautiful font combinations for your designs. Free online font pairing tool with Google Fonts support.
Build & Test HTTP Requests Online
Build custom HTTP requests with headers, body, and authentication. Free online API request builder.
Look Up IP Address Information Online
Find geolocation, ISP, and network details for any IP address. Free online IP address lookup tool.
Count Words & Characters Online
Count words, characters, sentences, and paragraphs in any text. Free online word counter with reading time.
Check Grammar and Spelling Online
Check your text for grammar, spelling, and punctuation errors. Free online grammar checker powered by LanguageTool.
Check Readability Score Online - Flesch-Kincaid
Analyze the readability of your text with Flesch-Kincaid, Gunning Fog, and other scoring methods. Free online readability checker.
Looking for FAQs and advanced options? Visit the full Color Contrast Checker page →