Contrast Checker

Interactive workspace

Use Contrast Checker

Processed in your browser where supported

Check WCAG 2.1 colour contrast compliance for AA and AAA accessibility standards.

Foreground (Text)

Background

Large Text (18pt / 14pt bold)

Normal body text. Check that this paragraph is readable against the background colour you have selected above.

Contrast Ratio

6.70:1

Normal Text (AA ≥ 4.5:1) AA

Normal Text (AAA ≥ 7:1) Fail

Large Text (AA ≥ 3:1) AA

Large Text (AAA ≥ 4.5:1) AAA

UI Components (≥ 3:1) Pass

Free to useNo account required for this utility.

Built for clarityFocused controls and readable results.

Keep working

15 keyframe animations with live preview & CSS output.

Pick colors & convert HEX, RGB, HSL.

Create CSS gradients with live preview.

Build layered box shadows with live preview.