Designer Toolkit

WCAG Color Accessibility Checker

The WCAG Color Accessibility Checker is an essential tool designed to help you ensure that your website’s color schemes meet the Web Content Accessibility Guidelines (WCAG).

Color Selection

Foreground
Background

Text Preview

Heading Text (24px)

Medium Text (18px)

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

Excellent contrast! Meets AAA standards.

Color Analysis

21.00:1
Contrast Ratio
AA: PassAAA: Pass