Color contrast checker.
Pick a text and a background color to see their contrast ratio and whether they pass WCAG AA and AAA. If they don’t, you get the nearest text color that does.
Large text, 24 px
The quick brown fox jumps over the lazy dog.
Contrast ratio
4.54:1
- AA Normal text 4.5:1Pass
- AA Large text 3:1Pass
- AAA Normal text 7:1Fail
- AAA Large text 4.5:1Pass
- AA Buttons, icons, borders 3:1Pass
Text size
- Large text 24 px from 24 px, 18.66 px boldPass
- Normal text 16 px from 16 px, common practicePass
Free tool, no warranty, no liability. The result is produced automatically by a free tool from transjt.ai, nothing more. It can be incomplete or wrong. transjt.ai gives no warranty and accepts no liability for decisions or changes based on it; check every result before you use it.
Color contrast checker in three steps.
- 01
Pick two colors
Text and background, as HEX or with the picker.
- 02
Read the ratio
From 1:1 to 21:1, with each WCAG level.
- 03
Fix what fails
Take the nearest passing color in one click.
Try it with your build.
Design your website today, launch tomorrow.
Start for FreeBook a demo
WCAG 2 level AA asks for at least 4.5:1 for normal text, and 3:1 for large text (24 px, or 18.66 px bold) and for icons and form borders. Level AAA asks for 7:1 and 4.5:1.
From the relative luminance of both colors: (L1 + 0.05) ÷ (L2 + 0.05), where L1 is the lighter one. Black on white is 21:1, the highest there is.
It keeps your text color’s hue and moves its lightness the least it takes to reach 4.5:1 on your background, so the color stays recognisably yours.
Yes, with no sign-up and no limits.
Related tools.
- Complementary colorsThe opposite color and four more schemes, on the wheel.
- Color picker from imageClick any point of a picture for its HEX and RGB.
- Color palette from imageThe main colors of a picture, most common first.
- RGB to HEXRed, green and blue values to a HEX code, as you type.
- HEX to RGBA HEX code to red, green and blue values, as you type.
- CMYK to RGBPrint values to screen colors, with the HEX code.
- All color toolsHEX, RGB and CMYK codes, complementary colors, a color picker and image palettes.
- All free toolsSmall tools for the jobs around a website: images, colors, sizes and fonts, alt text, prompts for AI builders, and a check whether AI agents can use your site. The converters run in your browser, so nothing is uploaded.
Design your website today, launch tomorrow.
At transjt, every second counts. That’s why our mission is simple: save you time and remove friction from your workflow.