Colours

  • AA (4.5:1)

    #717780 · 4.51:1

  • AAA (7:1)

    #545960 · 7.05:1

Suggestions keep the hue and saturation and change only lightness, by the smallest step that passes.

Contrast ratio

Text on background

3.24:1

Only for large text and icons.

Fail · AA, normal text (4.5:1)

Pass · AA, large text (3:1)

Fail · AAA, normal text (7:1)

Fail · AAA, large text (4.5:1)

Large text, 24px

Normal text at 14px. This is how a bio, a caption or a link label reads with these colours.

Button label

Large text means at least 24px regular or 18.66px bold (18pt or 14pt bold). Icons and input borders need 3:1 against what's next to them.

Free Color Contrast Checker by Hiyaly