paletteDesign

Color Contrast Checker

Compare foreground and background colors against WCAG text contrast requirements.

Foreground color

Background color

Preview

Readable design starts with contrast

Use this preview to see how normal text looks with the selected colors.

Large text preview

Contrast ratio

17.86:1

Normal text · AA

Pass

Normal text · AAA

Pass

Large text · AA

Pass