Color Contrast

Check WCAG contrast ratios between foreground and background colors. Quickly verify accessibility compliance.

Check WCAG contrast between foreground and background. Use the swatches or enter hex values. AA needs 4.5:1 for normal text, AAA needs 7:1.

Colors

Foreground

Background

Preview & results

Ratio: 14.68:1AA: PassAAA: Pass