What does the $39 include?

All 78 tools with unlimited uses, every future tool we add, the desktop app when released, and lifetime access. One payment, no subscription.

Do I need an account?

No. Use any tool free up to 3 times per day. No card, no account, no signup required.

Where are my files processed?

Right on your device. Files never upload to any server. Everything runs in your browser.

Does this work on my phone?

Yes. Every tool works on iPhone, Android, tablet, and desktop.

What if I want a refund?

30-day money back guarantee. No questions asked. Email sales@cipherforces.com.

Will you add more tools?

Yes. New tools are added regularly. Your license includes every tool we ever release.

DevFree

Color Contrast Checker

Check WCAG AA / AAA contrast between any two colors with live preview.

PrivateWorks OfflineNo Account

Foreground

Background

Sample Headline

The quick brown fox jumps over the lazy dog.

Small text at 13 px — the hardest contrast case. If this reads, you’re in good shape.

Contrast Ratio

6.33

Pass≥ 4.5:1

Normal AA

Got 6.33:1

Fail≥ 7:1

Normal AAA

Got 6.33:1

Pass≥ 3:1

Large AA

Got 6.33:1

Pass≥ 4.5:1

Large AAA

Got 6.33:1

WCAG Contrast Ratio Checker for Designers and Developers

Pick a foreground color and a background color. CipherForces Contrast Checker computes the WCAG 2.1 relative-luminance contrast ratio, grades it for both AA and AAA at normal and large text sizes, and shows a live text preview so you can see how it actually reads.

WCAG 2.1 requires a contrast ratio of at least 4.5:1 for normal text (AA) and 7:1 for AAA. Large text (18pt+ regular or 14pt+ bold) has lower thresholds of 3:1 and 4.5:1 respectively. Failing these fails accessibility audits and excludes visually impaired users from reading your content.

Common Use Cases

Design-system audits: Validate every foreground/background pair in your brand palette.
Pre-deployment checks: Ship a component library with documented, verified contrast ratios.
Client requirements: Meet ADA compliance requirements (public-sector, banking, healthcare, education).
Button and CTA design: Confirm your primary button's white-on-color passes AA for all states including hover and disabled.

Features

Live preview: Editable sample text updates as you tweak the colors.
Four grades shown: Normal AA · Normal AAA · Large AA · Large AAA — each with pass/fail indicator and the exact threshold.
Adjust to pass: Click "nudge to AA" and the tool snaps the foreground to the nearest tone that meets the threshold.
Supports all color formats: Hex, rgb(), rgba(), hsl() — paste or pick from a color input.

Privacy: Pure math, pure JavaScript. No network calls. Paste internal brand colors without sharing them with anyone.

How to use Color Contrast Checker

Three simple steps to get your result.

Upload your file

Drag and drop or click to select your file.

Choose settings

Adjust quality, size, or format options.

Download result

Your processed file is ready instantly.

Related Dev Tools

View all

Format JSON

Paste messy JSON and get it beautifully formatted.

Open tool

Test Regex

Write and test regular expressions with live matching.

Open tool

Encode / Decode Base64

Convert text or files to and from Base64.

Open tool

Generate UUID

Create unique IDs instantly.

Open tool

Why CipherForces?

Privacy-first tools that work everywhere.

100% Private

$39 Once

Works Offline

No Account

78 Tools

Need more than tools?

Need a custom web app? We build modern websites and dashboards from $2,500.

Web Development Get a Free Quote

Try all 78 tools

WCAG Contrast Ratio Checker for Designers and Developers

Common Use Cases

Design-system audits: Validate every foreground/background pair in your brand palette.

Pre-deployment checks: Ship a component library with documented, verified contrast ratios.

Client requirements: Meet ADA compliance requirements (public-sector, banking, healthcare, education).

Button and CTA design: Confirm your primary button's white-on-color passes AA for all states including hover and disabled.

Features

Live preview: Editable sample text updates as you tweak the colors.

Four grades shown: Normal AA · Normal AAA · Large AA · Large AAA — each with pass/fail indicator and the exact threshold.

Adjust to pass: Click "nudge to AA" and the tool snaps the foreground to the nearest tone that meets the threshold.

Supports all color formats: Hex, rgb(), rgba(), hsl() — paste or pick from a color input.

Privacy: Pure math, pure JavaScript. No network calls. Paste internal brand colors without sharing them with anyone.