Color Contrast Checker

Free online color contrast checker. Check WCAG AA/AAA compliance. Perfect for designers and developers.

Luminance: 0.0000

Luminance: 1.0000

Contrast Ratio
21.00:1
WCAG AA (Normal) (4.5:1)Pass
WCAG AA (Large) (3:1)Pass
WCAG AAA (Normal) (7:1)Pass
WCAG AAA (Large) (4.5:1)Pass

Normal Text (16px) — The quick brown fox

Large Text (24px bold) — The quick brown fox

Embed this tool

Copy and paste the code below into your website to embed this tool for free. An attribution link to The Util Box is required.

<iframe src="https://www.theutilbox.org/embed/contrast-checker" width="600" height="500" frameborder="0" style="border: none; max-width: 100%;" title="Free contrast checker tool from The Util Box"></iframe>

Frequently Asked Questions about Color Contrast Checker