Free WCAG Color Contrast Checker – Make Sure Your Text Doesn’t Suck to Read

Color Contrast Checker

Color Contrast Checker

Ensure your color combinations meet accessibility standards

Color Selection

Contrast Results

Contrast Ratio

4.52 : 1

WCAG Compliance

Normal Text (AA/AAA)

AA Level (4.5:1)PASS
AAA Level (7:1)FAIL

Large Text (AA/AAA)

AA Level (3:1)PASS
AAA Level (4.5:1)PASS

Live Preview & Color Blindness Simulation

This is large text preview

This is normal text preview. The quick brown fox jumps over the lazy dog.

This is smaller text preview with less opacity.

Color Blindness Preview

Deuteranopia
Protanopia
Tritanopia

Color Portfolio

Explore some popular color combinations you can test instantly:

Dark Mode

#f7fafc / #1a202c

Blue & White

#ffffff / #2b6cb0

Red Theme

#ffffff / #f56565

Green Accent

#1a202c / #48bb78

Created with for accessible web design

Post a Comment