Color Contrast Checker

Check text contrast against solid colors, gradients, or uploaded images. Supports hex, rgb(), named CSS colors, and alpha compositing. All calculations run in your browser.

Text Color

Background Color

Font Size

px

Weight

Sample Text

Preview

The quick brown fox jumps over the lazy dog.

Result

15.99:1

Normal text — needs 4.5:1

PASS

AA Normal

4.5:1

PASS

AA Large

3:1

PASS

AAA Normal

7:1

PASS

AAA Large

4.5:1

PASS

Based on WCAG 1.4.3 Contrast (Minimum) and WCAG 1.4.11 Non-text Contrast. Large text: 24px+ normal weight, or 18.66px+ bold.