Color Contrast Checker
Contrast thresholds are taken from the WCAG 2.1 documentation.
Regarding textual elements, we refer to criterion 1.4.3 for conformance level AA and to criterion 1.4.6 for level AAA.
Regarding non-textual elements, we refer to criterion 1.4.11 for conformance level AA.
Colors to check
Samples
Large Text.
Normal Text.
search
Contrast Ratio
:1
Level AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text and for graphics and user interface components.
Level AAA requires a contrast ratio of at least 7:1 for normal text and 4.5:1 for large text.
info Large text: 24px (18pt) or 18.5px (14pt) if bold.
Results
| Element Type | WCAG Conformance Level | |
|---|---|---|
| AA | AAA | |
| Normal Text | ||
| Large Text | ||
| Non Text Elements | - | |