{}
DevSensei
{}
DevSensei

Check my color contrast

Measure WCAG contrast ratios for accessibility compliance

Processed Locally • Your Data Stays Private

Colors

WCAG Results

17.85:1

AA (Normal)

Pass

AA (Large)

Pass

AAA (Normal)

Pass

AAA (Large)

Pass

Preview

DevSensei Contrast Check

Contrast ratio: 17.85:1

Enjoying DevSensei?

Help keep DevSensei free and ad-free forever

Buy me a coffee

How to Check WCAG Color Contrast

Validate that your text and UI colors meet WCAG AA/AAA contrast requirements for accessible design.

1

Enter Colors

Pick foreground and background colors using HEX or RGB values.

2

Review the Ratio

Instantly see the contrast ratio and pass/fail results for AA and AAA.

3

Preview Your Text

Use the live preview to verify readability before shipping designs.

Why Use DevSensei?

What makes DevSensei different from other tools

WCAG Compliance

Checks AA and AAA requirements for normal and large text sizes.

Live Preview

See your colors in context with custom sample text.

Design-Friendly

Works with HEX and RGB so you can paste values from any tool.

Frequently Asked Questions

Common questions about this tool

WCAG recommends at least 4.5:1 for normal text and 3:1 for large text (AA).

No. All calculations are performed locally in your browser.