Color Contrast Checker




AA-Level Normal Text
Passed

AA-Level Large Text
Passed
AAA-Level Normal Text
Passed

AAA-Level Large Text
Passed
Ratio: 21:0

Change information (Optional)

Enter additional information to add to the history report when you use the "Fix Color" button. All fields must be filled in order to work.

Website Information


CSS information



Results


Change history



    Explanation

    According to WCAG 2.1 Guideline 1.4 opens in a new page, users must be able to see and hear content including separating foreground from background.

    WCAG 2.1 level AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text. WCAG 2.1 requires a contrast ratio of at least 3:1 for graphics and user interface components (such as form input borders). WCAG Level AAA requires a contrast ratio of at least 7:1 for normal text and 4.5:1 for large text.

    1.4.3 Contrast (Minimum) opens in a new page - According to WCAG 2.1

    The visual presentation of text and images of text has a contrast ratio of at least 4.5:1, except for the following:

    • Large text: Large-scale text and images of large-scale text have a contrast ratio of at least 3:1;
    • Incidental: Text or images of text that are part of an inactive user interface component, that are pure decoration, that are not visible to anyone, or that are part of a picture that contains significant other visual content, have no contrast requirement.
    • Logotypes: Text that is part of a logo or brand name has no contrast requirement. You can learn more about how to make your documents, emails, videos, websites, and mobile apps accessible by visiting our document library opens in a new page or request training opens in a new page.

    More information

    Understanding 1.4.3 opens in a new page
    How to meet 1.4.3 opens in a new page