CSS Contrast Checker

Verify color contrast ratios according to WCAG 2.1 accessibility guidelines.

Foreground (Text) Color

Background Color

Contrast Ratio

17.40:1

Excellent

WCAG 2.1 Compliance

Web Content Accessibility Guidelines

AA Level

AAA Level

AA Level

AAA Level

Live Preview

Sample Heading

This is an example of paragraph text. Good contrast makes your content readable and accessible to everyone.

Interactive ElementLink Example

Preset Color Pairs