Check the contrast ratio between two colors and see if they pass WCAG AA and AAA for normal and large text. Preview your colors live and get suggestions to improve accessibility.
WCAG 2.1 Color Contrast Accessibility Checker
Calculated Contrast Ratio
15.28 : 1
Passes All WCAG Levels
WCAG 2.1 Compliance Levels
| Element Type | Criterion | Required Ratio | Status |
|---|---|---|---|
| Normal Text (< 18pt / 24px) | Level AA | 4.5 : 1 | |
| Normal Text (< 18pt / 24px) | Level AAA (Enhanced) | 7.0 : 1 | |
| Large Text (≥ 18pt or 14pt bold) | Level AA | 3.0 : 1 | |
| Large Text (≥ 18pt or 14pt bold) | Level AAA | 4.5 : 1 | |
| UI Components & Icons | Level AA | 3.0 : 1 |
Live Contrast Preview
This is how large headings render on your background
Accessible design ensures that every visitor, including users with visual impairments, color vision deficiency, or viewing screens in bright sunlight, can read your content without eye strain.
Calculations conform to official W3C WCAG 2.1 relative luminance standards.