Contrast Checker (WCAG)

Check color contrast ratios against WCAG AA and AAA.

Processed locally in your browser

The quick brown fox

Text color

Background

14.86:1

contrast ratio

AA · Normal text (4.5:1)

AA · Large text (3:1)

AAA · Normal text (7:1)

AAA · Large text (4.5:1)

Related tools

Convert colors between HEX, RGB and HSL.

Pick colors and copy HEX, RGB and HSL values.

Create CSS linear and radial gradients visually.

Generate a Tailwind color scale from one color.