WCAG Color Contrast Checker

Professional accessibility testing for WCAG AA and AAA compliance

Preview

Design Systems

Normal text (16px): The quick brown fox jumps over the lazy dog.

Small text (14px): Pack my box with five dozen liquor jugs. The five boxing wizards jump quickly.

Contrast Ratio

21.00 :1

AAA

Enhanced

Color Selection

Foreground

Hue 0°
Saturation 0%
Lightness 0%

Background

Hue 0°
Saturation 0%
Lightness 0%

WCAG 2.1 Compliance

Normal Text

Level AA

4.5:1

Level AAA

7:1

Large Text

Level AA

3:1

Level AAA

4.5:1

About WCAG Standards

Level AA

Minimum contrast of 4.5:1 for normal text, 3:1 for large text

Level AAA

Enhanced contrast of 7:1 for normal text, 4.5:1 for large text

Large Text

Text that is 18pt (24px) or larger, or 14pt (18.66px) bold or larger