← South Fork Apps

Color Contrast Checker

Large Text (18pt / 14pt Bold)
Normal body text at standard size. The quick brown fox jumps over the lazy dog.
UI Component
Contrast Ratio
AA Normal
Requires 4.5:1
AA Large
Requires 3:1
AAA Normal
Requires 7:1
AAA Large
Requires 4.5:1
Why people use this tool

Color Contrast Checker

Check foreground and background pairs against WCAG contrast standards before you ship a design, component, or brand palette.

  • Test text and background colors for AA and AAA accessibility targets.
  • Compare alternatives when a brand color looks good but reads poorly.
  • Validate color choices during UI design instead of after development.
Typical workflow Enter the two colors, review the score, then adjust the pair until the contrast passes the accessibility target you need.
Color Contrast Checker interface preview
Live interface preview for Color Contrast Checker. This screenshot is also the landing image Google can associate with the tool page.

v1.0