Color Contrast Checker

Check WCAG color contrast ratios

Color Tools
Instant results
Contrast Ratio
21.00:1
AAA

WCAG Compliance

AA Normal TextPass
≥ 4.5:1 required
AA Large TextPass
≥ 3:1 required
AAA Normal TextPass
≥ 7:1 required
AAA Large TextPass
≥ 4.5:1 required

Preview

Sample Heading

This is sample text to preview the color contrast. Make sure your text is readable against the background color.

Small text should also be checked for readability. WCAG AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text.

WCAG Guidelines:

  • Level AA: Normal text 4.5:1, Large text 3:1
  • Level AAA: Normal text 7:1, Large text 4.5:1
  • Large text: 18pt+ or 14pt+ bold

About Color Contrast Checker

Check color contrast ratios for WCAG accessibility compliance. Ensure your text is readable against its background color for users with visual impairments.