Contrast Checker

Check color contrast for WCAG accessibility compliance. AA and AAA levels.

Colors

Contrast Ratio

21.00
: 1

WCAG 2.1 Compliance

Normal Text (under 18pt / 14pt bold)

Level AA
Requires 4.5:1
Level AAA
Requires 7:1

Large Text (18pt+ / 14pt+ bold)

Level AA
Requires 3:1
Level AAA
Requires 4.5:1

Preset Combinations

Live Preview

Heading Text

This is regular paragraph text. Check how readable it is with the current color combination. Good contrast is essential for accessibility.

Smaller text like this needs even better contrast to remain readable. Consider your users who may have visual impairments.

This is a link•Regular text

WCAG Guidelines

Level AA (Minimum): 4.5:1 for normal text, 3:1 for large text. Required for most websites.

Level AAA (Enhanced): 7:1 for normal text, 4.5:1 for large text. Best for maximum accessibility.

Large text: 18pt (24px) or larger, or 14pt (18.67px) bold or larger.

Ready to launch your website?

Get professional hosting from $2.99/mo with free domain and SSL.

Get Hostinger Try Vercel Free