This site uses cookies for essential analytics. You can accept or reject cookies

Purple Paradigm homepage

Colour Contrast Checker

Use this Colour Contrast Checker to check the Web Content Accessibility Guidelines (WCAG 2.1) rating of two colours.
Add the hexadecimal codes (HEX codes) of the colours you want to check to the text boxes on the page.

Note
If you do not know the HEX codes, click the swatches to pick your colours directly.
Some browsers have a colour pop-up window, with an eye dropper so you can pick colours directly from your website.

Colour Picker

Preview

Heading 32px

Or bold heading 24px

Normal/body text approx. 19px

Results

Excellent! Your colours have strong contrast, meeting both WCAG AA and AAA accessibility standards.

Contrast Ratio

21 : 1

Text Colour

#ffffff

Background Colour

#000000

  • Large Text (24pt or bold 18pt)

    AA
    Needs 3:1
    WCAG compliant
    AAA
    Needs 4.5:1
    WCAG compliant

  • Body Text (18pt or bold 14pt)

    AA
    Needs 4.5:1
    WCAG compliant
    AAA
    Needs 7:1
    WCAG compliant