Tool

Color Contrast Checker

Check your foreground and background color combinations against WCAG 2.1 accessibility guidelines.

Foreground Color

Background Color

Contrast Ratio

21.00:1

AA Normal Text✅ Pass

AA Large Text✅ Pass

AAA Normal Text✅ Pass

AAA Large Text✅ Pass

Large Text Sample (24px+)

This is a sample of normal sized text (usually 16px) to demonstrate how your color combination will look in a real-world scenario. Good contrast ensures text is legible for users with vision impairments and in environments with glare.