Color Contrast Checker
Check text and background colors against WCAG AA and AAA, preview them, and get the nearest color that passes.
Convert any color between HEX, RGB, HSL, OKLCH, HSV and CMYK — type it the way you have it, copy it the way you need it.
Paste a color in whatever form you have it — hex, rgb(), hsl(), oklch() or a CSS name such as tomato — and get it in every other format at once, each with its own copy button. The converter also names the color, tells you whether black or white text reads better on it, and shows its contrast with both.
OKLCH describes a color by lightness, chroma and hue in a way that matches how people see: two colors with the same OKLCH lightness look equally light, which is not true of HSL. It works in all current browsers through the CSS oklch() function, and it makes consistent shades much easier to build.
No. It uses the simple mathematical conversion. Real print colors depend on the printer, the paper and a color profile, so use it as a starting point and check a proof with your printer.
No. The tool runs in this browser tab. What you paste is never sent to KuponGuru, and it is gone when you close the tab.
Check text and background colors against WCAG AA and AAA, preview them, and get the nearest color that passes.
Complementary, analogous, triadic and more from one color, plus a 50–950 shade scale to export as CSS or Tailwind.
Pick exact colors from any image by pointing at them, and pull out its main color palette — all in your browser.
Looking for something else? Browse every tool.
#2563ff, rgb(37 99 255), hsl(223 100% 57%), oklch(58% 0.23 264) or a name like tomato.
Indigo
#2563ff
White text reads better on this color.