Color Contrast Checker

Color Contrast Checker

Check color contrast ratios according to WCAG accessibility standards. Ensure your color choices meet accessibility requirements for people with visual impairments.

This tool helps you verify that your color combinations meet WCAG (Web Content Accessibility Guidelines) standards. All calculations are performed locally in your browser.

Color Format

Foreground Color

Background Color

Actions

Live Preview

Sample text with normal size

Sample text with large size

Contrast Ratio

21.00:1

The contrast ratio between foreground and background colors

WCAG Compliance

WCAG AA (Normal Text)
Minimum contrast ratio of 4.5:1 required
Pass
WCAG AA (Large Text)
Minimum contrast ratio of 3:1 required (18pt+ or 14pt+ bold)
Pass
WCAG AAA (Normal Text)
Minimum contrast ratio of 7:1 required
Pass
WCAG AAA (Large Text)
Minimum contrast ratio of 4.5:1 required (18pt+ or 14pt+ bold)
Pass