Color Contrast Checker

Check your color combinations for WCAG accessibility compliance. Ensure your content is readable for everyone.

1.00

Contrast Ratio

Select Colors

Text Color

Background Color

Large Text Sample
Bold 18px+ or 14px+

Normal text sample for reading content and body copy at 16px.

Small text and UI elements at 12px size with detailed information.

AA Normal Text

✓ Pass

AA Large Text

✓ Pass

AAA Normal Text

✗ Fail

AAA Large Text

✗ Fail

4.5:1 for normal text • 3:1 for large text (18pt+ or 14pt+ bold). Required for basic accessibility compliance.

7:1 for normal text • 4.5:1 for large text. Provides enhanced accessibility for users with vision impairments.

18pt (24px) or larger, or 14pt (18.5px) or larger if bold. Logos and incidental text are exempt.

Good contrast ensures content is readable by users with low vision, color blindness, or in bright sunlight conditions.