Accessible by design

Contrast Compass

Check your colors against WCAG accessibility guidelines.

Choose your colors

Text color

Background color

Pick a color or enter a 6-digit hex value.

Contrast ratio—

WCAG AA · normal text—

WCAG AA · large text—

WCAG AAA · normal text—

WCAG AAA · large text—

Readable, inclusive design.The quick brown fox jumps over the lazy dog.