Color Contrast Checker
1. Open a web browser and go to the WebAIM Contrast Checker at the following address:
2. There are several options to check the contrast of the foreground and background colors:
- enter the hex color codes in the textboxes, or
![Textboxes to enter the hex color codes](https://media.screensteps.com/image_assets/assets/004/919/204/original/34ebbed8-c7ff-4906-bafb-79c1b3399e13.png)
b. select a color from the color palette, or
![Color palette to select the colors](https://media.screensteps.com/image_assets/assets/004/919/206/original/1bf80407-e52c-4d5f-9963-9b2a182b7b83.png)
c. in the Chrome browser, select the color palette and use the eyedropper tool to select the colors
![Eyedropper tool to select the colors](https://media.screensteps.com/image_assets/assets/004/853/781/original/3c58ac60-2d15-4c59-9459-50caea05d852.png)
3. Check the contrast ratio and review the WCAG AA pass/fail grade for normal text, large text, and graphical objects and user interface components (when applicable). Change the color(s) if they fail the WCAG AA standards.
![Constrast ratio and WCAG AA pass/fail grade](https://media.screensteps.com/image_assets/assets/004/853/577/original/5d103d43-c637-4454-8a59-638a9428ad9e.png)