Color Contrast Checker

Check color contrast ratios for accessibility compliance (WCAG AA & AAA)

Colors

Foreground (Text Color)

Background Color

21.00:1

Excellent

WCAG AA (Normal Text)

Requires 4.5:1

✓

WCAG AA (Large Text)

Requires 3:1

✓

WCAG AAA (Normal Text)

Requires 7:1

✓

WCAG AAA (Large Text)

Requires 4.5:1

✓

This is normal text (16px). It should have a contrast ratio of at least 4.5:1 for WCAG AA compliance.

This is large text (24px). It requires a minimum contrast ratio of 3:1 for WCAG AA.

This is the inverted color scheme. Always test both combinations to ensure readability.

Large text example with inverted colors.

WCAG AA: Minimum accessibility standard for most websites

WCAG AAA: Enhanced accessibility standard for specialized content

Normal text: Less than 18pt (24px) or less than 14pt (18.66px) bold

Large text: At least 18pt (24px) or at least 14pt (18.66px) bold