Color Contrast Checker

Verify that your color combinations meet WCAG 2.1 accessibility standards. Enter foreground and background colors to see contrast ratios and pass/fail status for AA and AAA compliance at normal and large text sizes.

Foreground Color

Background Color

Large Text (24px+)

Normal body text (16px) — The quick brown fox jumps over the lazy dog.

10.56: 1

PassNormal Text AARequires 4.5:1

PassNormal Text AAARequires 7:1

PassLarge Text AARequires 3:1

PassLarge Text AAARequires 4.5:1

Related Tools

QR Code Generator

Generate QR codes for URLs, text, or contact info. Download as PNG.

design

Need help with your digital presence?

Brand Bakery crafts digital experiences that turn visitors into customers. Let's talk about what we can build together.