Advertise

Contrast Checker

Check text and background colors against WCAG AA and AAA.

About Contrast Checker

Enter a text and a background color to get the WCAG 2 contrast ratio and pass / fail results for normal text, large text and UI components. If a pair fails, ColorNex suggests the closest color that passes.

How to use

  1. Pick a color, type any color code (HEX, RGB, HSL, a CSS name…) or open an image.
  2. Adjust the options – the result updates instantly.
  3. Click any code or swatch to copy it, or send the color to another tool with Open in….

Everything runs in your browser: your colors and images are never uploaded or stored.

Related tools

Color Blindness SimulatorSee colors and images as people with color blindness do. HTML Color PickerPick any color and copy its HEX, RGB, HSL, HSV and CMYK codes. Color Wheel & HarmoniesFind complementary, analogous, triadic and other matching colors. Image Color PickerUpload a photo and click it to get the color of any pixel. HTML Color NamesAll 141 HTML / CSS color names with HEX and RGB codes. Material Design ColorsThe Material Design palette: 19 colors, shades 50–900 and accents. Tailwind CSS ColorsThe Tailwind CSS default palette, 22 colors × 11 shades. HEX to RGBConvert a HEX color code to RGB (and RGBA).