Color Contrast Checker

Check WCAG 2.1 AA and AAA contrast compliance for any two colors in real-time.

Foreground (Text)

rgb(26, 26, 46)

Background

rgb(234, 234, 234)

Contrast Ratio

14.18:1

PassAA Normal Text (>= 4.5:1)

PassAA Large Text (>= 3:1)

PassAA UI Components (>= 3:1)

PassAAA Normal Text (>= 7:1)

PassAAA Large Text (>= 4.5:1)

Live Preview

Normal text (14px) - The quick brown fox jumps over the lazy dog.

Large text (18px bold) - The quick brown fox jumps over the lazy dog.

Large text (24px) - The quick brown fox jumps over the lazy dog.