Contrast Checker

Check color contrast ratios against WCAG 2.1 accessibility guidelines. Test AA and AAA compliance for normal and large text with a live preview.

WCAG 2.1AA/AAA LevelsLive Preview

Contrast Ratio

12.63:1

Text Preview

Normal text (16px) - The quick brown fox jumps over the lazy dog. This is what body text looks like at the standard size used in most web content.

Large bold text (18px bold) - The quick brown fox jumps over the lazy dog.

Heading text (24px) - The quick brown fox

Small text (14px) - Fine print and captions look like this. Ensure readability at smaller sizes.

WCAG 2.1 Compliance

AA NormalNormal text (< 18pt) (min 4.5:1)

Pass

AA LargeLarge text (>= 18pt or 14pt bold) (min 3:1)

Pass

AAA NormalNormal text (< 18pt) (min 7:1)

Pass

AAA LargeLarge text (>= 18pt or 14pt bold) (min 4.5:1)

Pass

Colors

Foreground (Text)

#333333

Background

#FFFFFF

Preset Color Pairs