ToolKraken

← All tools

Color Contrast Checker

Pick a text color and background color to see the contrast ratio and whether it passes WCAG AA and AAA for normal and large text.

Almost before we knew it, we had left the ground.

📖 New to this? Read WCAG Color Contrast Explained.

How to use the Color Contrast Checker

  1. Pick a text and background color.
  2. Read the contrast ratio.
  3. Check the AA/AAA pass badges.

100% free, no sign-up, and it all runs in your browser — your data never leaves your device.

FAQ

What ratio do I need?

WCAG AA needs 4.5:1 for normal text and 3:1 for large text. AAA needs 7:1 and 4.5:1. Higher is more readable.

Add this tool to your website — free

Paste this where you want the tool to appear. It links back to ToolKraken.

Related tools

UUID Generator Generate random UUID (v4) identifiers. JSON Formatter Format, beautify & validate JSON. Base64 Encode / Decode Encode or decode Base64 text. Color Converter Pick a color, get HEX, RGB & HSL.