webaim.org
The reference WCAG 2 contrast checker. Enter two colors and get AA/AAA pass or fail for normal text, large text and UI.
Color Contrast and Accessibility Tools
Contrast checkers, vision simulators and perceptual palette tools. Use them while you design, not after, so text and UI colors pass WCAG before handoff.
getstark.co
Accessibility suite with Figma and Sketch plugins and browser extensions for contrast checks, vision simulation and audits.
whocanuse.com
Shows how a color pair reads for people with different vision types, alongside its WCAG contrast grade.
apcacontrast.com
Checks text contrast with APCA, the perceptual model developed for WCAG 3, with guidance tied to font size and weight.
accessiblepalette.com
Builds color scales with consistent perceived lightness in CIELAB/LCh, so contrast stays predictable across shades.
More in Design Resources
Weekly newsletter · Every Tuesday
New references, every Tuesday.
The newest additions to the library, three LDS picks worth revisiting and a category spotlight, in one short email.
Browse past issues