◧ DEVELOPER Updated July 25, 2026

Color Contrast Checker

Paste two hex colours and see instantly whether they pass accessibility rules.

Foreground colour (hex)
Background colour (hex)
Text size
Result
Ad space · belowTool · horizontal

How it works

Both colours are converted to relative luminance using the sRGB formula, then compared as (lighter + 0.05) / (darker + 0.05) to produce the WCAG contrast ratio.

Related tools

◨Base64 Encoder / Decoder◧JSON Formatter◪JWT Decoder

Frequently asked questions

What ratio do I need?

WCAG AA needs 4.5:1 for normal text and 3:1 for large text; AAA needs 7:1 and 4.5:1 respectively.

Does contrast apply to icons?

Yes — meaningful icons, form borders and focus indicators need at least 3:1 against their background.

Comments

Comments aren't enabled yet. When you're ready, this is where a service like Giscus, Disqus, or a custom form would go — the slot is already reserved on every tool page.