WCAG Color Contrast Checker

Test any color pair against WCAG AA and AAA contrast ratio standards.

Foreground

Background

Contrast Ratio

16.98 : 1

Normal Text AA (≥ 4.5)Pass

Normal Text AAA (≥ 7.0)Pass

Large Text AA (≥ 3.0)Pass

Large Text AAA (≥ 4.5)Pass

Sample heading text

This is how your body text will look with the selected color combination. Make sure it meets the required WCAG contrast thresholds for your use case.

Small text like captions and footnotes requires higher contrast ratios to remain readable.

Unlock Agency Efficiency: Brand Delivery

General

In today’s fast-paced creative landscape, the efficiency with which agencies deliver brand assets to clients can be a significant differentiator. Diso…

25 min read

Master Brand Delivery: Practical Guide

General

In today’s fast-paced digital landscape, the final delivery of brand assets isn’t just a checkbox; it’s a critical moment that can significantly impac…

40 min read

Brand Assets: Simplify Client Delivery

General

Delivering brand assets to clients is a critical final step in any design project. It’s the moment where a client receives the keys to their visual id…

27 min read