Contrast Checker

Check if your color combinations meet WCAG accessibility standards.

Color Selection

Choose foreground and background colors to test

Foreground Color

Background Color

Results

WCAG compliance results and recommendations

0.00:1

Live Preview

See how your colors look in real UI components

Large Text (18pt+)

The quick brown fox

Normal Text

This is how normal paragraph text appears. Good contrast ensures readability for all users.

UI Components

Checkbox option

Small Text

This is small text (12pt), which requires even higher contrast for accessibility.

Batch Contrast Testing

Test multiple color combinations at once

History