Accessibility

Contrast Checker

Test text and background colors for WCAG accessibility compliance. Ensure your designs are readable for everyone.

Large Text Preview (28px Bold)

Normal text at 16px. The quick brown fox jumps over the lazy dog.

3.58:1

Contrast Ratio

Normal AA
✕ Fail
Requires 4.5:1
Normal AAA
✕ Fail
Requires 7:1
Large AA
✓ Pass
Requires 3:1
Large AAA
✕ Fail
Requires 4.5:1

Foreground (Text)

#
RGB: 245, 73, 39HSL: 10°, 91%, 56%

Background

#
RGB: 255, 255, 255HSL: 0°, 0%, 100%

WCAG Contrast Standards

The Web Content Accessibility Guidelines (WCAG) define minimum contrast ratios to ensure text is readable by people with visual impairments. There are two levels:

  • AA (minimum): Normal text requires a contrast ratio of at least 4.5:1. Large text (18px bold or 24px regular) requires at least 3:1.
  • AAA (enhanced): Normal text requires at least 7:1. Large text requires at least 4.5:1.

The maximum possible contrast ratio is 21:1 (black on white or vice versa). Use this tool to test your hex color text combinations before implementing them in your designs.