Contrast checker
Check two colors against WCAG AA and AAA, and get the nearest color that passes.
Large text, 24px and up
Normal body text reads like this. The quick brown fox jumps over the lazy dog.
Icons and input borders need 3:1
3.45: 1
Try #767676 for AA (4.54:1)
- AA normal text4.5:1Fail
- AA large text3:1Pass
- AAA normal text7:1Fail
- AAA large text4.5:1Fail
- UI and icons3:1Pass
- #design
- #a11y
- · runs in your browser
Try next
- Color paletteTurn one color into a full 50-950 scale and matching harmonies, then export it as CSS or Tailwind.
- Color blindness simulatorSee an image or a set of colors the way people with red, green or blue color blindness do.
- Camera color pickerPoint your phone's camera at anything and get its hex code and closest color name, live.