Generator

WCAG Color Scheme Generator

Check contrast ratios for AA (4.5:1 text, 3:1 large) and AAA (7:1) compliance.

Body text sample. The quick brown fox jumps over the lazy dog.

Large heading sample

This is a link
Text on background17.85:1 ✓
Link on background5.17:1 ✓
Large text on background17.85:1 ✓
CSS variables
:root {
  --bg: #ffffff;
  --text: #0f172a;
  --link: #2563eb;
}