codinganthem
All tools/

Color Contrast Checker

Large text sample (24px+)

Normal text sample — the quick brown fox jumps over the lazy dog.

18.88:1contrast ratio
AA — Normal textPass
AA — Large textPass
AAA — Normal textPass
AAA — Large textPass

About Color Contrast Checker

Check WCAG contrast ratio between any two colors — entirely in your browser. • Enter a text color and background color to see the exact contrast ratio • Instantly see Pass/Fail for WCAG AA and AAA at normal and large text sizes • Live preview shows how real text looks at that contrast • Useful for accessible web design, design systems, and color palette audits