1. Pick Your Base Color
Preview
2. Generate Color Scheme
3. Accessibility Standards
WCAG 2.1 AA
- Normal text: 4.5:1 contrast ratio
- Large text (18pt+): 3:1 contrast ratio
- UI components: 3:1 contrast ratio
WCAG 2.1 AAA
- Normal text: 7:1 contrast ratio
- Large text (18pt+): 4.5:1 contrast ratio
APCA (Advanced)
- Body text: Lc 75+
- Large text: Lc 60+
- Non-text: Lc 45+
4. Check Contrast & Accessibility Scores
Normal Text (16px)
Large Text (24px)
Contrast Ratio
--
WCAG 2.1 AA
Normal Text: --
Large Text: --
UI Components: --
WCAG 2.1 AAA
Normal Text: --
Large Text: --
APCA Score
--
Body Text: --
Large Text: --
Non-Text: --