Contrast checker
Check two colors against the WCAG 2.2 standard. If they do not pass you can get the nearest color that does pass.
Large text sample
Body text looks like this at normal size.
Button—
| AA normal text (4.5:1) | |
|---|---|
| AA large text (3:1) | |
| AAA normal text (7:1) | |
| AAA large text (4.5:1) | |
| UI components (3:1) |
Check the colors in an SVG
Every pair of colors in the file is checked against each other.
Drop, paste or choose an SVG
One .svg file, up to 20 MB. It stays in your browser.
| Pair | Ratio | Result |
|---|
More tools
Palette generator
Color palettes from harmony rules, with lock and export.
Color blindness simulatorSee colors and images as people with color-vision deficiency do.
Color converterAny color string to HEX, RGB, HSL, OKLCH, CMYK and more.
Shades and tintsTints, shades and a 50–950 scale from one color.