WCAG Contrast Checker

Foreground (text) colour

Background colour

Contrast Ratio —

Normal text (AA) —

Large text (AA) —

UI components (AA) —

Normal text (AAA) —

Large text (AAA) —

Live preview

The quick brown fox jumps over the lazy dog. Bold text.

Large text sample (24px)

Bold large text (18.67px bold)

Try a preset: