โšกdeftools.io Design

Color Contrast Checker

Check WCAG color contrast ratios for accessibility compliance (AA, AAA).

The quick brown fox jumps

Normal text โ€” Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Large text headline

Contrast Ratio
0.00:1
โ€”
โ—‹
AA Normal
โ‰ฅ 4.5:1
โ—‹
AA Large
โ‰ฅ 3.0:1
โ—‹
AAA Normal
โ‰ฅ 7.0:1
โ—‹
AAA Large
โ‰ฅ 4.5:1