100tools
AssetsBeta

Color Contrast Checker

Check foreground and background colors against WCAG contrast ratios.

Contrast ratio
17.74:1
AA normal
Pass
AA large
Pass
AAA normal
Pass
AAA large
Pass
Readable text preview

Related Tools

Color Picker / PalettePick a color and generate practical tints, shades, and companion swatches.AssetsHEX / RGB / HSL ConverterConvert colors between HEX, RGB, and HSL formats in the browser.AssetsGradient GeneratorBuild modern CSS gradients, mesh backgrounds, auroras, and layered effects.Assets

Frequently Asked Questions

What contrast standard does this use?

It uses the WCAG relative luminance contrast ratio formula and reports AA/AAA results for normal and large text.

Does passing contrast guarantee accessibility?

No. Contrast is one important check, but accessible UI also depends on font size, weight, focus states, layout, motion, and context.

Can I test brand colors?

Yes. Paste or pick foreground and background colors to quickly see whether the pair is suitable for text.