WCAG 2.1 Level AAA raises body-text contrast to 7:1 and large-text to 4.5:1 — what it means, when it applies, and why most sites do not pursue it.
WCAG 2.1 Level AAA is the strictest conformance tier. Few organizations target full AAA across an entire site — the W3C itself notes that AAA is not "required as a general policy" because not all content can meet AAA. But for high-stakes content (legal, medical, government accessibility statements, screen-reader-only paths), AAA is a worthwhile bar.
The 7:1 number comes from research into the impact of low vision (around 20/40 acuity) on text reading. AAA was designed to remain readable to people with this level of impairment without requiring assistive technology.
The W3C explicitly cautions that AAA is intended as a stretch goal for content where readability is paramount — it is not the default everyone should target. The standard expects AA to remain the typical organizational bar.
Most carefully-designed AA palettes will satisfy AAA *if* you push body text toward darker tones (e.g., #212529 rather than #666). Secondary and disabled-state colors are usually the casualties.
Some brand colors simply cannot meet AAA on white — Twitter Blue, Bootstrap success-green, Material Blue 500 all fail. Reaching AAA in those palettes typically means using darker brand variants on white surfaces and reserving the lighter brand colors for *backgrounds* with white text.
Color Palette
Extract colors from images or generate harmonious palettes.
Color Gradient Test
Test your monitor for color banding and 8-bit vs 10-bit depth with smooth gradients across grayscale, red, green, blue, and hue channels.
CSS Gradient
Visual CSS background generator & code.
Logo Maker
Design logos with a drag-and-drop canvas editor. Add text, icons, and shapes — export PNG, SVG, or ZIP.
CSS Cheatsheet
Quick reference for CSS selectors, Flexbox, Grid, typography, animations, and modern CSS. Search and copy instantly.