OhMyApps
Back to Tools

Color Contrast Checker

Check WCAG color contrast ratios for accessibility

Large Text Preview
Normal text preview — The quick brown fox jumps over the lazy dog.
0
Contrast Ratio
WCAG AA
Normal Text-
Large Text-
UI Components-
WCAG AAA
Normal Text-
Large Text-

WCAG requirements

  • AA Normal — 4.5:1 minimum ratio
  • AA Large — 3:1 minimum (18px+ or 14px+ bold)
  • AAA Normal — 7:1 minimum ratio
  • AAA Large — 4.5:1 minimum ratio
  • UI Components — 3:1 minimum ratio

Want to learn more?

Read the complete guide with examples and tips

Read guide