Contrast Checker

Test color combinations for accessibility compliance with WCAG guidelines

Normal Text

This is how your text will appear with the selected colors.

Reversed Colors

This is how your text will appear with reversed colors.

Text Color:

Background Color:

Contrast Ratio:

21:1

Normal Text (4.5:1):

PASS

Large Text (3:1):

PASS

Enhanced Text (7:1):

PASS

UI Components (3:1):

PASS

Text Samples

Large Text (24px bold)

Medium Text (18px)

Small Text (14px)

This is a paragraph of text that demonstrates how body content will appear with your selected colors. Good contrast is essential for readability and accessibility. The Web Content Accessibility Guidelines (WCAG) provide standards to ensure that content is accessible to everyone, including people with visual impairments.