🎨 Spektrum

A quick look at accessible (and not-so-accessible) color pairings.

Color Pairings

Muted Gray
Contrast ratio: 5.74 — WCAG AA: ✅ | AAA: ❌
A common gray-on-white pairing. Barely passes WCAG AA, but fails AAA—best used for non-critical text only.
Midnight Contrast
Contrast ratio: 18.88 — WCAG AA: ✅ | AAA: ✅
High contrast, ideal for dark mode.
Gold & Lime
Contrast ratio: 2.15 — WCAG AA: ❌ | AAA: ❌
Fails contrast checks but feels bright and cheerful.
Ocean Fade
Contrast ratio: 10.90 — WCAG AA: ✅ | AAA: ✅
Passes AA, nice for info boxes