WCAG contrast checker

Color & CSSClient-side

Check WCAG contrast ratios.

Loading tool…

About this tool

Check WCAG contrast ratios. This tool runs entirely in your browser using client-side APIs. Nothing you paste or upload is sent to a server.

No uploadsNo accountMore Color & CSS tools

Related tools

Color converterConvert colors between HEX, RGB, HSL, HWB, LCH and OKLCH.Color palette generatorGenerate a color palette from a base color.Tailwind color scale generatorGenerate a Tailwind 50–950 color scale.Color blindness simulatorPreview colors with color vision deficiencies.

More in Color & CSS

Color converter

Convert colors between HEX, RGB, HSL, HWB, LCH and OKLCH.

Color palette generator

Generate a color palette from a base color.

Tailwind color scale generator

Generate a Tailwind 50–950 color scale.

Color blindness simulator

Preview colors with color vision deficiencies.