Color Contrast Checker

Calculate the contrast ratio of text and background colors for WCAG accessibility compliance.

Colors

FOREGROUND (TEXT)

BACKGROUND

CONTRAST RATIO

0.00

Very Poor

NORMAL TEXT

WCAG AA

WCAG AAA

LARGE TEXT

WCAG AA

WCAG AAA

Live Preview

Large text: The quick brown fox jumps over the lazy dog.

Normal text: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.