grEEff.dev
WorkProcessPricingInsights
Start Your Project

All Tools

Color Contrast Checker

Test your color combinations against WCAG 2.2 accessibility standards. Get instant pass/fail results for AA and AAA compliance levels.

WCAG 2.2DesignFree

Text Color (Foreground)

Background Color

Large Text (24px+)

The quick brown fox jumps over the lazy dog. This sample text helps you visualize how your color combination will look in real content.

Small text example: Links, captions, and fine print should still be readable.

Contrast Ratio

20.17:1

WCAG AA

Normal text

Pass

Large text

Pass

WCAG AAA

Normal text

Pass

Large text

Pass

4.5:1

AA Normal Text
Required for body text under 18pt (24px) or 14pt bold

3:1

AA Large Text
Required for large text 18pt+ (24px) or 14pt+ bold

7:1

AAA Enhanced
Recommended for optimal readability and accessibility

Based on WCAG 2.2 Success Criterion 1.4.3 (Contrast Minimum) and 1.4.6 (Contrast Enhanced).

Build Faster

Want production code, not just calculators?

The Cloudflare-native starter kits use the same delivery principles as these tools and get you to launch with architecture already solved.

Browse starter kitsGet Security-Hardened Starter ($49)Get bundle ($99)

More Free Tools

Revenue Diagnostic

Run a six-stage website revenue assessment and get a strategic breakdown of conversion friction.

Decision Frameworks

Browse direct answers to high-stakes web strategy, delivery, pricing, and architecture decisions.

Fluid Gradient Generator

Create stunning animated gradient backgrounds with SVG turbulence. Export as SVG, CSS, or PNG.

Focus Ring Generator

Create WCAG 2.2 compliant focus indicators and export production-ready CSS.

Target Size Calculator

Check if interactive elements meet WCAG 2.2 touch target requirements.

WCAG 2.2 Checklist

Interactive audit checklist with progress tracking and Markdown export.

SEO Silo Architecture Builder

Visually plan your website structure, simulate link juice flow, and export sitemaps.

Execution Simulator

Forecast delivery velocity and technical debt by modeling org constraints and risk.

Need an accessible website?

We build WCAG 2.2 compliant websites from the ground up—not bolted on as an afterthought.

Start a project