Contrast Checker

Check the contrast ratio of two colors to ensure accessibility.

Colors

Text Color

Background Color

Preview

Heading

This is some sample text.

WCAG Compliance

Contrast Ratio21.00:1

Normal Text (AA)

Pass

Normal Text (AAA)

Pass

Large Text (AA)

Pass

Large Text (AAA)

Pass

Large text is defined as 18pt (24px) or 14pt (18.66px) bold.