Loading…
WCAG AA/AAA checks with suggested fixes.
Large text looks like this
Body text at 16 px. Good contrast keeps slides, posters and game menus readable on cheap projectors, in sunlight and for people with low vision.
Contrast ratio
5.34:1
Good for all text
Body text
Under 24 px, or under 19 px bold
Large text
24 px and up, or 19 px bold
Icons and UI
Buttons, input borders, focus rings, chart lines
Same hue, with as little change in lightness as possible.
Text for AAA
#0151b3 · 7.00:1
Never rely on color alone: pair it with text, icons or patterns.
Protanopia
Red-blind · 4.67:1
Deuteranopia
Green-blind, the most common · 5.70:1
Tritanopia
Blue-blind · 4.62:1
Achromatopsia
No color at all · 5.34:1