Color Contrast Checker
Check foreground / background combinations against WCAG 2.2 AA and AAA. Live preview, hex or RGB input, suggestions when a combo fails.
Body text — 14px regular
The quick brown fox jumps over the lazy dog. 0123456789.
Large text — 24px bold
Body and small text under 18pt / 14pt bold
≥ 18pt regular or ≥ 14pt bold
Stricter standard for general body text
Stricter standard for large text
Buttons, form fields, focus rings, charts
Icons, illustrations conveying meaning
Want to check a live page?
Drag our bookmarklet to your bookmarks bar — clicks on any page to flag every text element below WCAG AA, no signup. Works on intranet and auth-walled pages too.
Make accessibility part of your course
LearnBuilder ships with default theme tokens that pass WCAG AA out of the box, and lets account admins lock the brand palette so authors can\'t accidentally pick a non-compliant colour.
About WCAG contrast
The contrast ratio compares the relative luminance of two colours, on a scale from 1:1 (no contrast) to 21:1 (pure black on pure white). The formula is defined in WCAG 2.x and operates on linearised sRGB values.
WCAG AA is the standard most regulators (Section 508 in the US, EN 301 549 in the EU, AODA in Canada) treat as the floor for compliance. AAA is the stricter target — useful for high-stakes content like compliance training, healthcare, or anything that needs to be readable for users with low vision.
- Normal text must hit 4.5:1 (AA) or 7:1 (AAA).
- Large text (≥ 18pt regular or ≥ 14pt bold) gets a relaxed bar of 3:1 (AA) or 4.5:1 (AAA), because the size compensates for lower contrast.
- UI components (button borders, form-field outlines, focus indicators) and graphical objects (icons, charts) need 3:1 against their adjacent colours.
Things this tool doesn\'t check: contrast between text and a busy background image (use a solid overlay), changes due to hover/focus states (test each state), or contrast in user-uploaded media. For e-learning specifically: also verify that captions, course buttons, and quiz feedback colours pass — those are the elements most likely to fail in practice.