Color Contrast Checker
Check contrast ratios for text and UI components (WCAG 2.1 AA / AAA).
Foreground
#
#
Background
#
#
Preview
The quick brown fox jumps over the lazy dog.
Sample body text and UI elements to visualize contrast.
Pill
Link
Results
Contrast Ratio
—
WCAG AA (Normal text)
—
WCAG AA (Large text)
—
WCAG AA (UI / Non-text)
—
WCAG AAA (Normal text)
—
Title II indicator: This checker flags whether the colors meet WCAG 2.1 Level AA contrast thresholds,
which are the technical standard DOJ adopted for Title II state/local government web and app accessibility. :contentReference[oaicite:2]{index=2}
