Design tool
Color Contrast Checker
Choose text and background colors to see their contrast ratio and WCAG result.
Runs in your browser. No upload.
Sample textThe quick brown fox jumps over the lazy dog.
Contrast ratio—
WCAG AA · normal text—
WCAG AA · large text—
WCAG AAA · normal text—
Change either color to check readability. WCAG thresholds are guidance for this color pair only.
About this tool
Color Contrast Checker made simple.
The checker calculates the WCAG contrast ratio for opaque sRGB colors. It helps review text readability but does not certify an entire page or replace an accessibility audit.
Common questions
About Color Contrast Checker.
What is a good WCAG contrast ratio?
WCAG AA requires 4.5:1 for normal text and 3:1 for large text. AAA requires 7:1 for normal text and 4.5:1 for large text.
Does this certify my website as accessible?
No. It checks only the two selected colors. Accessibility also depends on layout, text, controls and other factors.