Skip to content

Contrast checker

Check whether text and background colours are easy enough to read, against the WCAG AA and AAA levels.

WCAG contrast ratio
Large text, 24 pxBold text, 18.7 px boldNormal text, 16 px. The quick brown fox jumps over the lazy dog.
Contrast ratio
17.74:1

Easy to read at every level, including AAA for normal text.

  • AA, normal text (4.5:1)Pass
  • AA, large text (3:1)Pass
  • AAA, normal text (7:1)Pass
  • AAA, large text (4.5:1)Pass
  • Icons and buttons (3:1)Pass

Large text means 24 px and up, or 18.7 px and up in bold.