Contrast Checker

Check WCAG contrast ratio between two colors and AA/AAA pass/fail.

Large text sample

The quick brown fox jumps over the lazy dog.

17.06: 1 contrast ratio

AA · normal text (≥ 4.5)PASS

AA · large text (≥ 3)PASS

AAA · normal text (≥ 7)PASS

AAA · large text (≥ 4.5)PASS

Convert colors between HEX, RGB, HSL, HSV, CMYK and OKLCH, with a live preview.

Pick a color visually and read its HEX, RGB, HSL and OKLCH values.

Build linear, radial and conic CSS gradients with a live preview.

Command Palette