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
Was this tool helpful?
What is Color Contrast Checker?
Free online color contrast checker to test foreground and background color combinations against WCAG 2.1 accessibility standards.
Our free color contrast checker calculates the contrast ratio and shows whether your colors pass AA or AAA levels for normal text, large text, and UI components. Enter colors as hex, RGB, or HSL values and get instant results. Essential for designers and developers building accessible websites and applications. No signup required.
How to Use Color Contrast Checker
- 1Enter or pick a foreground (text) color using the color input
- 2Enter or pick a background color
- 3View the contrast ratio and WCAG AA/AAA pass/fail results instantly
- 4Adjust colors until you achieve the desired accessibility level
Frequently Asked Questions
Related Tools
Color Blindness Simulator
Free online color blindness simulator - see how colors appear to people with color vision deficiency
Text Similarity Checker
Free online text similarity checker - compare two texts and calculate similarity percentage
Font Pair Generator
Free online font pair generator - find beautiful Google Fonts pairings with live preview and ready-to-use code
Grammar & Spell Checker
Grammar checker online free - check spelling, grammar, and style without installing anything or signing up
Text Diff Checker
Free online text diff checker - compare two texts and see the differences highlighted line by line
Aspect Ratio Calculator
Free online aspect ratio calculator - calculate and convert aspect ratios for images, videos, and screens