#ffffff · rgb(255, 255, 255)
#1a1a2e · rgb(26, 26, 46)
The quick brown fox
jumps over the lazy dog. 0123456789
Small text sample — 14px equivalent
Button example
Contrast Ratio
17.06:1
✦ AAA
Excellent — meets all standards
Normal text — AA≥ 4.5:1 · body copy, labels, UI text
✓ PassNormal text — AAA≥ 7:1 · enhanced accessibility
✓ PassLarge text — AA≥ 3:1 · 18px+ bold or 24px+ regular
✓ PassLarge text — AAA≥ 4.5:1 · enhanced large text
✓ PassCommon Pairs
💡 WCAG Quick Reference
- • AA (4.5:1): minimum for normal text — required by most accessibility laws
- • AAA (7:1): enhanced standard — recommended for critical content
- • Large text: 18px+ regular or 14px+ bold — lower threshold (3:1 for AA)
- • UI components: focus indicators, icons — only need 3:1 regardless of size
- • Decorative elements: logos, disabled controls — exempt from contrast requirements