consolelog.tools logo

Contrast Checker

Check color contrast ratios for WCAG accessibility compliance

Preview

The quick brown fox jumps over the lazy dog

This is a preview of how your text will look with the selected color combination. The contrast ratio is important for readability and accessibility.

Smaller text requires higher contrast ratios to be readable.

Contrast Ratio

21.00:1

WCAG 2.1 Compliance

Level AA

(Minimum Contrast)

Normal Text

Requires 4.5:1

Large Text

Requires 3:1

Level AAA

(Enhanced Contrast)

Normal Text

Requires 7:1

Large Text

Requires 4.5:1

Recommended Text Color

For optimal readability on this background, we recommend using:

#000000

Black

Understanding WCAG Standards

Large Text: Text that is 18pt+ or 14pt+ bold

Level AA: Minimum contrast for web content accessibility

Level AAA: Enhanced contrast for better accessibility

Was this tool helpful?

Share Your Experience

Help others discover this tool!

Frequently Asked Questions - Contrast Checker