← Back to Colour Tools

Colour Contrast Checker

Enter foreground and background colours to instantly see your contrast ratio and whether it meets WCAG 2.1 AA or AAA accessibility standards.

Foreground (text)

Background

Large text sample — The quick brown fox

Normal text sample — Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore.

Small text — Ultraconvert free online tools

13.98:1

Contrast ratio

Pass

AA — Normal text (4.5:1)

Pass

AAA — Normal text (7:1)

Pass

AA — Large text (3:1)

Pass

AAA — Large text (4.5:1)

Pass

AA — UI components (3:1)

Based on WCAG 2.1 guidelines. AA compliance is the legal standard in most countries; AAA is enhanced accessibility.

How to use

  1. Choose foreground (text) and background colours using the colour pickers or hex inputs.
  2. Use the Swap button to reverse the colours.
  3. Read the contrast ratio and see which WCAG 2.1 levels pass or fail.
  4. Adjust colours until you achieve the required compliance level.

Everything runs in your browser — no data is sent to any server.