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

Foreground Color

Background Color

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 -

Version PNRR 1.4.2