Actual widget output
Contrast you can check

Let visitors check colour contrast against WCAG.

Each example below is the actual published output of the Colour contrast checker widget. Type a colour or use the picker; the ratio and verdicts update as you type.

Accepted: #rgb, #rrggbb or rgb(r, g, b). Opaque colours only.

The quick brown fox jumps over the lazy dog.

Contrast ratio 21.00:1

  • AA normal text, SC 1.4.3 (4.5:1): Pass

Default settings: black on white, 21:1, reporting AA normal text.