Color Inputs
Ensure your color choices meet accessibility standards with detailed analysis and live previews.
Color Inputs
Simulation & Share
Contrast Ratio & WCAG Compliance
| WCAG Criterion | Min. Ratio | Level AA | Level AAA |
|---|---|---|---|
| Normal Text (<18pt or <14pt bold) | 4.5:1 (AA), 7:1 (AAA) | ||
| Large Text (≥18pt or ≥14pt bold) | 3:1 (AA), 4.5:1 (AAA) | ||
| Non-Text (UI, Graphics) | 3:1 (AA) | N/A |
Large text is defined as 18pt (24px) or 14pt (18.66px) bold. Contrast ratios are based on WCAG 2.1 guidelines.
Live Preview
This is a sample of normal-sized text. It should be easily readable if the contrast is sufficient. Lorem ipsum dolor sit amet, consectetur adipiscing elit.